#336CC2｜カラーサイト.com

#336CC2 の色情報

#336CC2

画像
HEX	#336CC2
RGB	R:51 G:108 B:194
RGBの割合	R:20.0% G:42.4% B:76.1%
HSV	H:216.1 S:73.7 V:76.1
HSL	H:216.1 S:58.4 L:48.0
CMY	C:80.0 M:57.6 Y:23.9

CMYK	C:73.7 M:44.3 Y:0.0 K:23.9
YCbCr	Y:102.6 Cb:174.2 Cr:96.9
XYZ	X:16.5 Y:15.3 Z:53.1
xyY	x:0.194 y:0.180 Y:15.3

CIE Lab	L:46.1 a:11.2 b*:-50.4
CIE LCh	L:46.1 C:51.7 h:282.5
CIE Luv	L:46.1 u:-21.3 v*:-76.9
Hunter Lab	L:39.1 a:6.6 b:-53.1

#336CC2 の色相別色一覧

#C24233

#C26533

#C28933

#C2AD33

#B4C233

#90C233

#6CC233

#48C233

#33C242

#33C265

#33C289

#33C2AD

#33B4C2

#3390C2

#336CC2

#3348C2

#4233C2

#6533C2

#8933C2

#AD33C2

#C233B4

#C23390

#C2336C

#C23348

#336CC2 の彩度別色一覧

#BBBEC2

#B1B8C2

#A7B2C2

#9EACC2

#94A6C2

#8AA1C2

#819BC2

#7795C2

#6D8FC2

#6489C2

#5A83C2

#507EC2

#4678C2

#3D72C2

#336CC2

#2966C2

#2060C2

#165AC2

#0C55C2

#034FC2

#336CC2 の明度別色一覧

#010203

#040910

#07101C

#0B1729

#0E1E36

#112543

#152C4F

#18335C

#1C3A69

#1F4176

#224982

#26508F

#29579C

#2C5EA9

#3065B5

#336CC2

#3673CF

#3A7ADC

#3D81E8

#4088F5

#336CC2 を使ったトーンオントーン

#336CC2

#162947

#457FEB

#1C4A96

#0B2269

#55ACF0

#336CC2

#3F6199

#1B3578

#062954

#203C54

#336CC2

#1A3275

#2054F0

#1D5D91

#336CC2 を使ったトーンイントーン

#B89C36

#B0204B

#28CF28

#8138A9

#336CC2

#9D2EB5

#B5BD43

#B32229

#336CC2

#1DA93C

#BABA28

#DC4769

#336CC2

#3AC767

#8820B8

#336CC2 を使ったカマイユ

#4573CA

#4677C7

#336CC2

#406DBA

#3671D6

#3E62AB

#386BB3

#336CC2

#3D66AE

#3D65BD

#4270BF

#4472D4

#3265C5

#336CC2

#1E4AAB

#336CC2 を使ったフォカマイユ

#4C8CCC

#4B6DD4

#4F79D4

#2167B3

#336CC2

#5C9FDE

#30609E

#336CC2

#4A86C7

#3092CF

#203AAE

#4088E1

#336CC2

#477CB5

#4456A9

#336CC2 を使ったドミナントカラー

#336CC2

#587AAD

#022F73

#404752

#12305C

#98B1D6

#A3C2F0

#294775

#336CC2

#2F4E7D

#0F2545

#012E73

#336CC2

#0E2445

#666A70

#336CC2 を使ったアイデンティティ

#6EA0EB

#336CC2

#0E3878

#86B0F0

#30486B

#336CC2

#37537D

#456696

#336CC2 を使ったトライアド

#336CC2

#C2336C

#6CC233

#336CC2 を使ったスプリットコンプリメンタリー

#C2B933

#336CC2

#C25933

#336CC2 を使ったテトラード

#336CC2

#C233B4

#C28933

#33C241

#336CC2 を使ったコントラスト

#336CC2

#C28933

#336CC2

#94A6C2

#336CC2

#1B3966

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

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

#336CC2

#336CC2 の色情報

#336CC2 の色相別色一覧

#336CC2 の彩度別色一覧

#336CC2 の明度別色一覧

#336CC2 を使ったトーンオントーン

#336CC2 を使ったトーンイントーン

#336CC2 を使ったカマイユ

#336CC2 を使ったフォカマイユ

#336CC2 を使ったドミナントカラー

#336CC2 を使ったアイデンティティ

#336CC2 を使ったトライアド

#336CC2 を使ったスプリットコンプリメンタリー

#336CC2 を使ったテトラード

#336CC2 を使ったコントラスト