#3A6EE2｜カラーサイト.com

#3A6EE2 の色情報

#3A6EE2

画像
HEX	#3A6EE2
RGB	R:58 G:110 B:226
RGBの割合	R:22.7% G:43.1% B:88.6%
HSV	H:221.4 S:74.3 V:88.6
HSL	H:221.4 S:74.3 L:55.7
CMY	C:77.3 M:56.9 Y:11.4

CMYK	C:74.3 M:51.3 Y:0.0 K:11.4
YCbCr	Y:108.5 Cb:186.6 Cr:96.9
XYZ	X:21.0 Y:17.5 Z:74.2
xyY	x:0.187 y:0.155 Y:17.5

CIE Lab	L:48.9 a:22.6 b*:-64.1
CIE LCh	L:48.9 C:67.9 h:289.4
CIE Luv	L:48.9 u:-20.3 v*:-99.8
Hunter Lab	L:41.9 a:16.4 b:-75.8

#3A6EE2 の色相別色一覧

#E25A3A

#E2843A

#E2AE3A

#E2D83A

#C2E23A

#98E23A

#6EE23A

#44E23A

#3AE25A

#3AE284

#3AE2AE

#3AE2D8

#3AC2E2

#3A98E2

#3A6EE2

#3A44E2

#5A3AE2

#843AE2

#AE3AE2

#D83AE2

#E23AC2

#E23A98

#E23A6E

#E23A44

#3A6EE2 の彩度別色一覧

#D8DBE2

#CDD3E2

#C2CCE2

#B6C4E2

#ABBCE2

#A0B4E2

#94ACE2

#89A5E2

#7E9DE2

#7395E2

#678DE2

#5C85E2

#517EE2

#4576E2

#3A6EE2

#2F66E2

#235EE2

#1857E2

#0D4FE2

#0247E2

#3A6EE2 の明度別色一覧

#020509

#060B16

#091123

#0C1730

#0F1D3C

#132449

#162A56

#193063

#1D366F

#203C7C

#234389

#264996

#2A4FA2

#2D55AF

#305BBC

#3362C9

#3768D5

#3A6EE2

#3D74EF

#417AFC

#3A6EE2 を使ったトーンオントーン

#3A6EE2

#1F2645

#32437A

#36448F

#1C4CBF

#3A6EE2

#073270

#5273B8

#162C8F

#151E54

#0A2B5C

#1A266B

#3A6EE2

#345D91

#0B5CC2

#3A6EE2 を使ったトーンイントーン

#FC5B5A

#BCF64C

#B22CD3

#3A6EE2

#43EAB6

#32F170

#E54E42

#B8D83E

#3A6EE2

#C442F6

#3A6EE2

#41EC9E

#A4E72B

#DD413D

#F133F6

#3A6EE2 を使ったカマイユ

#2652CE

#407DF1

#3168F9

#3A6EE2

#2C74F6

#3470E5

#426FE5

#3A6EE2

#3B69F9

#3A6AF4

#3A6EE2

#3F5EC9

#2255DA

#427DD8

#266CD8

#3A6EE2 を使ったフォカマイユ

#4265DD

#2D9CFF

#3A6EE2

#47A5EF

#5481CE

#275AD3

#4F78F9

#3A6EE2

#505ED0

#4365DA

#3A6EE2

#4653BE

#3760C9

#4954FF

#1F7BC9

#3A6EE2 を使ったドミナントカラー

#1951CF

#3A6EE2

#363E4F

#9DA0A8

#83A5F2

#3A6EE2

#1C263D

#0B3187

#919CB5

#6C8CD4

#1D4296

#4468B8

#081D4D

#0B3187

#3A6EE2

#3A6EE2 を使ったアイデンティティ

#3A6EE2

#455373

#3A5694

#3A6EE2

#A7C1FC

#05266E

#3A6EE2

#324C85

#516694

#3A6EE2 を使ったトライアド

#3A6EE2

#E23A6E

#6EE23A

#3A6EE2 を使ったスプリットコンプリメンタリー

#DEE23A

#3A6EE2

#E2763A

#3A6EE2 を使ったテトラード

#3A6EE2

#E23AC2

#E2AE3A

#3AE25A

#3A6EE2 を使ったコントラスト

#3A6EE2

#E2AE3A

#3A6EE2

#ABBCE2

#3A6EE2

#1A3266

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

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

#3A6EE2

#3A6EE2 の色情報

#3A6EE2 の色相別色一覧

#3A6EE2 の彩度別色一覧

#3A6EE2 の明度別色一覧

#3A6EE2 を使ったトーンオントーン

#3A6EE2 を使ったトーンイントーン

#3A6EE2 を使ったカマイユ

#3A6EE2 を使ったフォカマイユ

#3A6EE2 を使ったドミナントカラー

#3A6EE2 を使ったアイデンティティ

#3A6EE2 を使ったトライアド

#3A6EE2 を使ったスプリットコンプリメンタリー

#3A6EE2 を使ったテトラード

#3A6EE2 を使ったコントラスト