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

#3A6CC2 の色情報

#3A6CC2

画像
HEX	#3A6CC2
RGB	R:58 G:108 B:194
RGBの割合	R:22.7% G:42.4% B:76.1%
HSV	H:217.9 S:70.1 V:76.1
HSL	H:217.9 S:54.0 L:49.4
CMY	C:77.3 M:57.6 Y:23.9

CMYK	C:70.1 M:44.3 Y:0.0 K:23.9
YCbCr	Y:104.4 Cb:173.2 Cr:99.9
XYZ	X:16.8 Y:15.5 Z:53.1
xyY	x:0.197 y:0.181 Y:15.5

CIE Lab	L:46.3 a:12.2 b*:-50.0
CIE LCh	L:46.3 C:51.5 h:283.7
CIE Luv	L:46.3 u:-20.0 v*:-76.4
Hunter Lab	L:39.4 a:7.4 b:-52.4

#3A6CC2 の色相別色一覧

#C24C3A

#C26E3A

#C2903A

#C2B23A

#B0C23A

#8EC23A

#6CC23A

#4AC23A

#3AC24C

#3AC26E

#3AC290

#3AC2B2

#3AB0C2

#3A8EC2

#3A6CC2

#3A4AC2

#4C3AC2

#6E3AC2

#903AC2

#B23AC2

#C23AB0

#C23A8E

#C23A6C

#C23A4A

#3A6CC2 の彩度別色一覧

#C2C2C2

#B8BCC2

#AEB6C2

#A5AFC2

#9BA9C2

#91A3C2

#889DC2

#7E97C2

#7491C2

#6B8BC2

#6185C2

#577EC2

#4D78C2

#4472C2

#3A6CC2

#3066C2

#2760C2

#1D5AC2

#1353C2

#0A4DC2

#3A6CC2 の明度別色一覧

#010203

#050910

#08101C

#0C1729

#101E36

#142543

#182C4F

#1C335C

#1F3A69

#234176

#274982

#2B508F

#2F579C

#325EA9

#3665B5

#3A6CC2

#3E73CF

#427ADC

#4581E8

#4988F5

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

#335DA1

#74A9F2

#3A6CC2

#142A4F

#0F326E

#1D4194

#3A6CC2

#26446B

#0E315C

#7BAFF7

#143770

#0D2957

#3A6CC2

#1E70EB

#283F96

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

#A8B83E

#8C2FA9

#50D47A

#3A6CC2

#D13035

#AD47B3

#3A6CC2

#C1CC41

#BA2E27

#43AB4F

#B337CC

#3A6CC2

#D1545A

#41D463

#B6B842

#3A6CC2 を使ったカマイユ

#3F7AD9

#3A6CC2

#3F6FB5

#265EB8

#497AC5

#4373BF

#3566D6

#5087CA

#3A6CC2

#2E57BF

#3A6CC2

#2E6BC7

#4379C5

#4573B0

#2E72CA

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

#1E83C7

#3A6CC2

#445CD4

#2D79CF

#61A5D9

#5981DE

#3679E3

#3A6CC2

#1D58A3

#3579A6

#3A6CC2

#2A43A9

#475D9E

#2281D4

#495BB3

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

#3A6CC2

#397FF7

#1C60D6

#6FA3FC

#B0BDD4

#4580E6

#465061

#454E5E

#3A6CC2

#30405C

#3A6CC2

#343C4A

#144EB3

#8898B5

#89A1C9

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

#133E87

#88AFF2

#3A6CC2

#7CA9F7

#3A6CC2

#06368A

#2B3F61

#8DACE0

#3A6CC2

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

#3A6CC2

#C23A6C

#6CC23A

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

#C2BD3A

#3A6CC2

#C2633A

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

#3A6CC2

#C23AB0

#C2903A

#3AC24C

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

#3A6CC2

#C2903A

#3A6CC2

#9BA9C2

#3A6CC2

#1E3966

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

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

#3A6CC2

#3A6CC2 の色情報

#3A6CC2 の色相別色一覧

#3A6CC2 の彩度別色一覧

#3A6CC2 の明度別色一覧

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

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

#3A6CC2 を使ったカマイユ

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

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

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

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

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

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

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