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

#336BD2 の色情報

#336BD2

画像
HEX	#336BD2
RGB	R:51 G:107 B:210
RGBの割合	R:20.0% G:42.0% B:82.4%
HSV	H:218.9 S:75.7 V:82.4
HSL	H:218.9 S:63.9 L:51.2
CMY	C:80.0 M:58.0 Y:17.6

CMYK	C:75.7 M:49.0 Y:0.0 K:17.6
YCbCr	Y:103.6 Cb:181.5 Cr:96.1
XYZ	X:18.3 Y:15.9 Z:63.1
xyY	x:0.188 y:0.163 Y:15.9

CIE Lab	L:46.8 a:17.8 b*:-58.4
CIE LCh	L:46.8 C:61.1 h:286.9
CIE Luv	L:46.8 u:-20.7 v*:-89.9
Hunter Lab	L:39.8 a:12.1 b:-66.0

#336BD2 の色相別色一覧

#D24B33

#D27233

#D29A33

#D2C233

#BBD233

#93D233

#6BD233

#43D233

#33D24B

#33D272

#33D29A

#33D2C2

#33BBD2

#3393D2

#336BD2

#3343D2

#4B33D2

#7233D2

#9A33D2

#C233D2

#D233BB

#D23393

#D2336B

#D23343

#336BD2 の彩度別色一覧

#D1D1D2

#C6CAD2

#BCC3D2

#B1BDD2

#A7B6D2

#9CAFD2

#92A8D2

#87A1D2

#7D9BD2

#7294D2

#688DD2

#5D86D2

#537FD2

#4879D2

#3E72D2

#336BD2

#2964D2

#1E5DD2

#1457D2

#0950D2

#336BD2 の明度別色一覧

#010306

#050A13

#081020

#0B172C

#0E1D39

#112446

#142A53

#17315F

#1A376C

#1D3E79

#204486

#244B92

#27519F

#2A58AC

#2D5EB9

#3065C5

#336BD2

#3671DF

#3978EC

#3C7EF8

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

#1A3BB3

#1A265C

#2D4E99

#2B3A70

#336BD2

#12215C

#273A80

#3675B8

#113CA1

#336BD2

#254A7D

#0E1F4F

#4795FA

#1E4A8C

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

#336BD2

#28CDAB

#CE49E9

#83E92F

#CD5034

#DA4245

#AEB91C

#40EC62

#A626DA

#336BD2

#CFE129

#3BC862

#9F25D5

#D51E4F

#336BD2

#336BD2 を使ったカマイユ

#296CC3

#3762C8

#2671DA

#336BD2

#265DE6

#4671CD

#335DC0

#336BD2

#3962BB

#4D7AE1

#4885DF

#2D72E9

#336BD2

#4275CD

#307EEC

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

#295DEC

#3F5EC3

#1851EC

#1A42B9

#336BD2

#1E45C3

#285EF3

#2069B1

#336BD2

#1F89DA

#438BD7

#2774AE

#4B76E9

#4666B6

#336BD2

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

#092963

#618AD4

#135FEB

#336BD2

#DCE6F7

#4D83E8

#336BD2

#506285

#0D2F6E

#BCC6D6

#336BD2

#43474D

#ABB5C7

#153E8A

#91ABDB

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

#336BD2

#D2336B

#6BD233

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

#D2CF33

#336BD2

#D26533

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

#336BD2

#D233BB

#D29A33

#33D24B

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

#336BD2

#D29A33

#336BD2

#9CAFD2

#336BD2

#193466

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

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

#336BD2

#336BD2 の色情報

#336BD2 の色相別色一覧

#336BD2 の彩度別色一覧

#336BD2 の明度別色一覧

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

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

#336BD2 を使ったカマイユ

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

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

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

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

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

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