#339ED2｜カラーサイト.com

#339ED2 の色情報

#339ED2

画像
HEX	#339ED2
RGB	R:51 G:158 B:210
RGBの割合	R:20.0% G:62.0% B:82.4%
HSV	H:199.6 S:75.7 V:82.4
HSL	H:199.6 S:63.9 L:51.2
CMY	C:80.0 M:38.0 Y:17.6

CMYK	C:75.7 M:24.8 Y:0.0 K:17.6
YCbCr	Y:129.3 Cb:166.7 Cr:77.3
XYZ	X:25.2 Y:29.8 Z:65.4
xyY	x:0.209 y:0.248 Y:29.8

CIE Lab	L:61.5 a:-12.7 b*:-35.1
CIE LCh	L:61.5 C:37.4 h:250.1
CIE Luv	L:61.5 u:-37.6 v*:-53.6
Hunter Lab	L:54.6 a:-13.1 b:-32.8

#339ED2 の色相別色一覧

#D23F33

#D26733

#D28F33

#D2B733

#C6D233

#9ED233

#76D233

#4FD233

#33D23F

#33D267

#33D28F

#33D2B7

#33C6D2

#339ED2

#3376D2

#334FD2

#3F33D2

#6733D2

#8F33D2

#B733D2

#D233C6

#D2339E

#D23376

#D2334F

#339ED2 の彩度別色一覧

#D1D2D2

#C6CED2

#BCCBD2

#B1C7D2

#A7C4D2

#9CC0D2

#92BDD2

#87B9D2

#7DB6D2

#72B3D2

#68AFD2

#5DACD2

#53A8D2

#48A5D2

#3EA1D2

#339ED2

#299BD2

#1E97D2

#1494D2

#0990D2

#339ED2 の明度別色一覧

#010506

#050E13

#081820

#0B212C

#0E2B39

#113446

#143E53

#17485F

#1A516C

#1D5B79

#206486

#246E92

#27789F

#2A81AC

#2D8BB9

#3094C5

#339ED2

#36A8DF

#39B1EC

#3CBBF8

#339ED2 を使ったトーンオントーン

#449DB8

#226D94

#339ED2

#0D4D59

#226575

#193B57

#339ED2

#3A6F9C

#115B70

#1081B0

#124770

#3A7494

#339ED2

#37A0F5

#254959

#339ED2 を使ったトーンイントーン

#36D54A

#E4306A

#339ED2

#862AE4

#BDC341

#DA2325

#7F1BBB

#87B920

#1FDA85

#339ED2

#1DCA67

#C0DA28

#892ECF

#BE3F51

#339ED2

#339ED2 を使ったカマイユ

#2C95CD

#2888BE

#1D93C0

#339ED2

#338CCA

#48B8E6

#3099E1

#339ED2

#2788C8

#28B0E9

#339ED2

#3D89BE

#2DAEDC

#3D95CA

#3097CD

#339ED2 を使ったフォカマイユ

#339ED2

#49AFDC

#36A1CD

#287DE9

#2B8EE9

#198CB9

#207FB9

#207FF1

#4396E6

#339ED2

#2EDBF1

#47D8E4

#428DE1

#59BBEE

#339ED2

#339ED2 を使ったドミナントカラー

#9BB0BA

#339ED2

#4787A6

#3BB3ED

#B2BDC2

#475861

#339ED2

#329BCF

#059CE6

#3387B0

#344B57

#343738

#339ED2

#595E61

#7E99A6

#339ED2 を使ったトライアド

#339ED2

#D2339E

#9ED233

#339ED2 を使ったスプリットコンプリメンタリー

#D29C33

#339ED2

#D23334

#339ED2 を使ったテトラード

#339ED2

#B733D2

#D26733

#4FD233

#339ED2 を使ったコントラスト

#339ED2

#D26733

#339ED2

#9CC0D2

#339ED2

#194D66

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

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

#339ED2

#339ED2 の色情報

#339ED2 の色相別色一覧

#339ED2 の彩度別色一覧

#339ED2 の明度別色一覧

#339ED2 を使ったトーンオントーン

#339ED2 を使ったトーンイントーン

#339ED2 を使ったカマイユ

#339ED2 を使ったフォカマイユ

#339ED2 を使ったドミナントカラー

#339ED2 を使ったトライアド

#339ED2 を使ったスプリットコンプリメンタリー

#339ED2 を使ったテトラード

#339ED2 を使ったコントラスト