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

#3A6CE2 の色情報

#3A6CE2

画像
HEX	#3A6CE2
RGB	R:58 G:108 B:226
RGBの割合	R:22.7% G:42.4% B:88.6%
HSV	H:222.1 S:74.3 V:88.6
HSL	H:222.1 S:74.3 L:55.7
CMY	C:77.3 M:57.6 Y:11.4

CMYK	C:74.3 M:52.2 Y:0.0 K:11.4
YCbCr	Y:107.5 Cb:187.2 Cr:97.7
XYZ	X:20.8 Y:17.1 Z:74.2
xyY	x:0.186 y:0.153 Y:17.1

CIE Lab	L:48.4 a:23.9 b*:-64.9
CIE LCh	L:48.4 C:69.2 h:290.2
CIE Luv	L:48.4 u:-19.7 v*:-100.8
Hunter Lab	L:41.4 a:17.5 b:-77.3

#3A6CE2 の色相別色一覧

#E25C3A

#E2863A

#E2B03A

#E2DA3A

#C0E23A

#96E23A

#6CE23A

#42E23A

#3AE25C

#3AE286

#3AE2B0

#3AE2DA

#3AC0E2

#3A96E2

#3A6CE2

#3A42E2

#5C3AE2

#863AE2

#B03AE2

#DA3AE2

#E23AC0

#E23A96

#E23A6C

#E23A42

#3A6CE2 の彩度別色一覧

#D8DBE2

#CDD3E2

#C2CBE2

#B6C3E2

#ABBBE2

#A0B3E2

#94ABE2

#89A4E2

#7E9CE2

#7394E2

#678CE2

#5C84E2

#517CE2

#4574E2

#3A6CE2

#2F64E2

#235CE2

#1854E2

#0D4CE2

#0244E2

#3A6CE2 の明度別色一覧

#020409

#060B16

#091123

#0C1730

#0F1D3C

#132349

#162956

#192F63

#1D356F

#203B7C

#234189

#264796

#2A4EA2

#2D54AF

#305ABC

#3360C9

#3766D5

#3A6CE2

#3D72EF

#4178FC

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

#203454

#3A6CE2

#1C3880

#214BA1

#3A76C4

#4163C2

#2B5180

#3A6CE2

#2A3D5C

#265594

#1F284D

#3263C4

#3A6CE2

#163BA1

#203C7D

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

#3A6CE2

#38D381

#C8D83C

#BE25EC

#EF363C

#DF332A

#E22AEF

#35EAA5

#3A6CE2

#BBEF2F

#51F9DB

#EB32F4

#6FC921

#C95D3F

#3A6CE2

#3A6CE2 を使ったカマイユ

#416EC9

#3A6CE2

#2553C9

#3258CB

#4276D8

#4E7FDA

#2F62E5

#3A6CE2

#5585EF

#4969DF

#3666EC

#2D51D8

#2C68D3

#3A6CE2

#2662CB

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

#4985E7

#5774E7

#2173C6

#3A6CE2

#669FFC

#4A70BC

#4485D5

#3A6CE2

#2049FF

#65AFFF

#3794E7

#4B80EC

#6178EF

#3A6CE2

#4759FF

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

#3A6CE2

#8A8D94

#65759C

#3E5CA3

#D3DBED

#0A1D4A

#011442

#3A6CE2

#AFC2F0

#D7E2FC

#3A6CE2

#94ABE3

#082B80

#193475

#192C59

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

#3A6CE2

#002170

#81A6FC

#4F6CB0

#394563

#3A6CE2

#4E68A3

#082261

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

#3A6CE2

#E23A6C

#6CE23A

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

#DCE23A

#3A6CE2

#E2783A

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

#3A6CE2

#E23AC0

#E2B03A

#3AE25C

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

#3A6CE2

#E2B03A

#3A6CE2

#ABBBE2

#3A6CE2

#1A3166

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

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

#3A6CE2

#3A6CE2 の色情報

#3A6CE2 の色相別色一覧

#3A6CE2 の彩度別色一覧

#3A6CE2 の明度別色一覧

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

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

#3A6CE2 を使ったカマイユ

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

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

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

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

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

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

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