#306CC0｜カラーサイト.com

#306CC0 の色情報

#306CC0

画像
HEX	#306CC0
RGB	R:48 G:108 B:192
RGBの割合	R:18.8% G:42.4% B:75.3%
HSV	H:215.0 S:75.0 V:75.3
HSL	H:215.0 S:60.0 L:47.1
CMY	C:81.2 M:57.6 Y:24.7

CMYK	C:75.0 M:43.7 Y:0.0 K:24.7
YCbCr	Y:101.6 Cb:173.8 Cr:95.7
XYZ	X:16.1 Y:15.2 Z:51.9
xyY	x:0.193 y:0.182 Y:15.2

CIE Lab	L:45.9 a:10.0 b*:-49.6
CIE LCh	L:45.9 C:50.6 h:281.4
CIE Luv	L:45.9 u:-21.9 v*:-75.5
Hunter Lab	L:38.9 a:5.7 b:-51.9

#306CC0 の色相別色一覧

#C03C30

#C06030

#C08430

#C0A830

#B4C030

#90C030

#6CC030

#48C030

#30C03C

#30C060

#30C084

#30C0A8

#30B4C0

#3090C0

#306CC0

#3048C0

#3C30C0

#6030C0

#8430C0

#A830C0

#C030B4

#C03090

#C0306C

#C03048

#306CC0 の彩度別色一覧

#C0C0C0

#B6BAC0

#ADB5C0

#A3AFC0

#9AAAC0

#90A4C0

#869EC0

#7D99C0

#7393C0

#6A8EC0

#6088C0

#5682C0

#4D7DC0

#4377C0

#3A72C0

#306CC0

#2666C0

#1D61C0

#135BC0

#0A56C0

#306CC0 の明度別色一覧

#000001

#03080E

#070F1A

#0A1627

#0D1D34

#102441

#132B4D

#17335A

#1A3A67

#1D4174

#204880

#234F8D

#26569A

#2A5EA7

#2D65B3

#306CC0

#3373CD

#367ADA

#3A82E6

#3D89F3

#306CC0 を使ったトーンオントーン

#1E2945

#2A6AF5

#1D4373

#306CC0

#1E3F9C

#113A5C

#306CC0

#3B5296

#6CA5F0

#28417D

#278DE6

#306CC0

#0837A3

#09284A

#09297A

#306CC0 を使ったトーンイントーン

#306CC0

#9ABD31

#CF252B

#1AAC48

#9537BD

#CACA20

#C54552

#AE21DA

#44CF6E

#306CC0

#C52D32

#A2B122

#306CC0

#20D444

#9F30AC

#306CC0 を使ったカマイユ

#2D5CA7

#306CC0

#3669CF

#3E7CBB

#2F74C3

#306CC0

#227BD4

#3170BD

#2C7DCF

#396EAE

#408AD4

#235CC5

#3D7DC5

#2E69AC

#306CC0

#306CC0 を使ったフォカマイユ

#428ECF

#1552BB

#427AAE

#306CC0

#3E60E6

#124F9A

#3462E1

#5272E4

#306CC0

#3248AC

#2047B3

#3651A9

#306CC0

#1D349A

#1C7CC5

#306CC0 を使ったドミナントカラー

#374C69

#306CC0

#295FAB

#154A94

#3C84E8

#265596

#1A427A

#0D54B8

#3388FF

#306CC0

#858D99

#283240

#C2D4ED

#83A1CC

#306CC0

#306CC0 を使ったトライアド

#306CC0

#C0306C

#6CC030

#306CC0 を使ったスプリットコンプリメンタリー

#C0B430

#306CC0

#C05430

#306CC0 を使ったテトラード

#306CC0

#C030B4

#C08430

#30C03C

#306CC0 を使ったコントラスト

#306CC0

#C08430

#306CC0

#90A4C0

#306CC0

#1A3966

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

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

#306CC0

#306CC0 の色情報

#306CC0 の色相別色一覧

#306CC0 の彩度別色一覧

#306CC0 の明度別色一覧

#306CC0 を使ったトーンオントーン

#306CC0 を使ったトーンイントーン

#306CC0 を使ったカマイユ

#306CC0 を使ったフォカマイユ

#306CC0 を使ったドミナントカラー

#306CC0 を使ったトライアド

#306CC0 を使ったスプリットコンプリメンタリー

#306CC0 を使ったテトラード

#306CC0 を使ったコントラスト