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

#3C8AE2 の色情報

#3C8AE2

画像
HEX	#3C8AE2
RGB	R:60 G:138 B:226
RGBの割合	R:23.5% G:54.1% B:88.6%
HSV	H:211.8 S:73.5 V:88.6
HSL	H:211.8 S:74.1 L:56.1
CMY	C:76.5 M:45.9 Y:11.4

CMYK	C:73.5 M:38.9 Y:0.0 K:11.4
YCbCr	Y:123.1 Cb:178.2 Cr:87.5
XYZ	X:24.7 Y:24.6 Z:75.4
xyY	x:0.198 y:0.197 Y:24.6

CIE Lab	L:56.7 a:5.6 b*:-51.6
CIE LCh	L:56.7 C:51.9 h:276.2
CIE Luv	L:56.7 u:-28.6 v*:-81.8
Hunter Lab	L:49.6 a:1.9 b:-55.4

#3C8AE2 の色相別色一覧

#E2413C

#E26B3C

#E2943C

#E2BE3C

#DDE23C

#B4E23C

#8AE23C

#61E23C

#3CE241

#3CE26B

#3CE294

#3CE2BE

#3CDDE2

#3CB4E2

#3C8AE2

#3C61E2

#413CE2

#6B3CE2

#943CE2

#BE3CE2

#E23CDD

#E23CB4

#E23C8A

#E23C60

#3C8AE2 の彩度別色一覧

#DADEE2

#CFD8E2

#C4D2E2

#B8CCE2

#ADC6E2

#A2C0E2

#96BAE2

#8BB4E2

#80AEE2

#75A8E2

#69A2E2

#5E9CE2

#5396E2

#4790E2

#3C8AE2

#3184E2

#257EE2

#1A78E2

#0F72E2

#046CE2

#3C8AE2 の明度別色一覧

#020609

#060D16

#091523

#0D1D30

#10253C

#132D49

#173456

#1A3C63

#1E446F

#214C7C

#245489

#285B96

#2B63A2

#2E6BAF

#3273BC

#357AC9

#3982D5

#3C8AE2

#3F92EF

#439AFC

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

#518EC7

#304A70

#3C8AE2

#21435C

#36608C

#20427A

#3C8AE2

#0A4894

#3B86C2

#162D57

#3C8AE2

#142952

#215070

#245999

#2C58B5

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

#3C8AE2

#F42B57

#9F4BD8

#3FC986

#C3D84D

#EADD3C

#B432DD

#3C8AE2

#F14F65

#51DD68

#DD3849

#2DF43A

#9C29EA

#EAE032

#3C8AE2

#3C8AE2 を使ったカマイユ

#408FFC

#3C8AE2

#4091D3

#3691DA

#3686FC

#3880EC

#3C8AE2

#2D9BF4

#298BDA

#296ED3

#3D75C9

#2A80CB

#3C8AE2

#4A8BCB

#2C96EC

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

#5676DA

#4B7DEF

#3C8AE2

#3C6FC6

#65C4FF

#2890FF

#3B82FC

#1F72D5

#3C8AE2

#1861CE

#2452CE

#3C8AE2

#2E8BD5

#4C93D5

#58C2FF

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

#858A8F

#3C8AE2

#153457

#3276C2

#003570

#38434F

#3C4652

#073569

#3C8AE2

#2A323B

#5C636B

#C5DFFC

#7093BA

#326AA8

#3C8AE2

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

#5082BA

#3C8AE2

#4B5D73

#3C8AE2

#4472A6

#425D7A

#3C8AE2

#273F59

#6884A3

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

#3C8AE2

#E23C8A

#8AE23C

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

#E2CB3C

#3C8AE2

#E25D3C

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

#3C8AE2

#E23CDD

#E2943C

#3CE241

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

#3C8AE2

#E2943C

#3C8AE2

#ADC6E2

#3C8AE2

#1B3E66

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

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

#3C8AE2

#3C8AE2 の色情報

#3C8AE2 の色相別色一覧

#3C8AE2 の彩度別色一覧

#3C8AE2 の明度別色一覧

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

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

#3C8AE2 を使ったカマイユ

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

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

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

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

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

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

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