#487AE2｜カラーサイト.com

#487AE2 の色情報

#487AE2

画像
HEX	#487AE2
RGB	R:72 G:122 B:226
RGBの割合	R:28.2% G:47.8% B:88.6%
HSV	H:220.5 S:68.1 V:88.6
HSL	H:220.5 S:72.6 L:58.4
CMY	C:71.8 M:52.2 Y:11.4

CMYK	C:68.1 M:46.0 Y:0.0 K:11.4
YCbCr	Y:118.1 Cb:181.1 Cr:98.7
XYZ	X:23.4 Y:20.8 Z:74.7
xyY	x:0.196 y:0.175 Y:20.8

CIE Lab	L:52.7 a:17.0 b*:-58.0
CIE LCh	L:52.7 C:60.4 h:286.3
CIE Luv	L:52.7 u:-21.2 v*:-91.7
Hunter Lab	L:45.6 a:11.7 b:-65.3

#487AE2 の色相別色一覧

#E26348

#E28A48

#E2B048

#E2D748

#C7E248

#A1E248

#7AE248

#54E248

#48E263

#48E28A

#48E2B0

#48E2D7

#48C7E2

#48A1E2

#487AE2

#4854E2

#6348E2

#8A48E2

#B048E2

#D748E2

#E248C7

#E248A1

#E2487A

#E24854

#487AE2 の彩度別色一覧

#DBDDE2

#D0D6E2

#C4CEE2

#B9C6E2

#AEBFE2

#A2B7E2

#97AFE2

#8CA8E2

#81A0E2

#7599E2

#6A91E2

#5F89E2

#5382E2

#487AE2

#3D72E2

#316BE2

#2663E2

#1B5BE2

#1054E2

#044CE2

#487AE2 の明度別色一覧

#030509

#070C16

#0B1323

#0F1A30

#13213C

#172749

#1B2E56

#1F3563

#233C6F

#28437C

#2C4A89

#305196

#3458A2

#385EAF

#3C65BC

#406CC9

#4473D5

#487AE2

#4C81EF

#5088FC

#487AE2 を使ったトーンオントーン

#487AE2

#3849A1

#2765B3

#204875

#0F1A52

#3B5FB5

#10254F

#487AE2

#2F4F75

#1C458F

#25397D

#487AE2

#435291

#5885BD

#28365C

#487AE2 を使ったトーンイントーン

#C5DA41

#50D38A

#487AE2

#EF45EA

#F4635A

#CB53E7

#487AE2

#ADF157

#C96152

#5EE7AB

#F9725E

#56D39C

#CE33C7

#94D051

#487AE2

#487AE2 を使ったカマイユ

#457DF9

#3473E5

#689CF9

#4A7BF1

#487AE2

#4D6FD8

#4985DD

#487AE2

#4982DF

#649AEF

#468DFC

#3C69EA

#4072F6

#487AE2

#4D77DD

#487AE2 を使ったフォカマイユ

#396CFC

#4F6DD5

#2753D0

#536ED5

#487AE2

#6DBBF4

#3A8DEA

#5489DD

#5464EA

#2465D8

#487AE2

#4E7CC9

#58ACEA

#355BFE

#487AE2 を使ったドミナントカラー

#487AE2

#9BACD1

#4783FF

#CFD7E8

#052A78

#4170D1

#131F38

#BCCFF5

#96B4F2

#487AE2

#627294

#487AE2

#759AE6

#F0F4FC

#3865C2

#487AE2 を使ったトライアド

#487AE2

#E2487A

#7AE248

#487AE2 を使ったスプリットコンプリメンタリー

#E1E248

#487AE2

#E27D48

#487AE2 を使ったテトラード

#487AE2

#E248C7

#E2B048

#48E263

#487AE2 を使ったコントラスト

#487AE2

#E2B048

#487AE2

#B9C6E2

#487AE2

#203766

#487AE2の色見本やRGB、HSVなどの詳しい色情報を見ることができます。

#487AE2の色相や彩度を変えたときの配色なども一覧で表示します。

#487AE2

#487AE2 の色情報

#487AE2 の色相別色一覧

#487AE2 の彩度別色一覧

#487AE2 の明度別色一覧

#487AE2 を使ったトーンオントーン

#487AE2 を使ったトーンイントーン

#487AE2 を使ったカマイユ

#487AE2 を使ったフォカマイユ

#487AE2 を使ったドミナントカラー

#487AE2 を使ったトライアド

#487AE2 を使ったスプリットコンプリメンタリー

#487AE2 を使ったテトラード

#487AE2 を使ったコントラスト