#557ED0｜カラーサイト.com

#557ED0 の色情報

#557ED0

画像
HEX	#557ED0
RGB	R:85 G:126 B:208
RGBの割合	R:33.3% G:49.4% B:81.6%
HSV	H:220.0 S:59.1 V:81.6
HSL	H:220.0 S:56.7 L:57.5
CMY	C:66.7 M:50.6 Y:18.4

CMYK	C:59.1 M:39.4 Y:0.0 K:18.4
YCbCr	Y:121.7 Cb:170.1 Cr:104.2
XYZ	X:22.6 Y:21.4 Z:62.6
xyY	x:0.212 y:0.201 Y:21.4

CIE Lab	L:53.4 a:10.6 b*:-46.7
CIE LCh	L:53.4 C:47.9 h:282.8
CIE Luv	L:53.4 u:-19.4 v*:-73.5
Hunter Lab	L:46.3 a:6.2 b:-47.9

#557ED0 の色相別色一覧

#D06A55

#D08855

#D0A755

#D0C655

#BCD055

#9DD055

#7ED055

#5FD055

#55D06A

#55D088

#55D0A7

#55D0C6

#55BCD0

#559DD0

#557ED0

#555FD0

#6A55D0

#8855D0

#A755D0

#C655D0

#D055BC

#D0559D

#D0557E

#D0555F

#557ED0 の彩度別色一覧

#C7CAD0

#BDC3D0

#B3BCD0

#A8B5D0

#9EAFD0

#93A8D0

#89A1D0

#7F9AD0

#7493D0

#6A8CD0

#5F85D0

#557ED0

#4B77D0

#4070D0

#3669D0

#2B62D0

#215BD0

#1754D0

#0C4DD0

#0247D0

#557ED0 の明度別色一覧

#020204

#070A11

#0C121E

#111A2A

#162137

#1C2944

#213151

#26385D

#2B406A

#314877

#365084

#3B5790

#405F9D

#4567AA

#4B6FB7

#5076C3

#557ED0

#5A86DD

#5F8DEA

#6595F6

#557ED0 を使ったトーンオントーン

#22376E

#1B3157

#557ED0

#7BA3F7

#2242A3

#202F4D

#3866B0

#557ED0

#5A6494

#39526E

#465C75

#557ED0

#4468F5

#232C52

#3D5199

#557ED0 を使ったトーンイントーン

#557ED0

#50DF89

#C2E765

#AF52BC

#E4776D

#C96EE2

#38B76D

#557ED0

#A0B93D

#B95353

#B259C6

#557ED0

#97DA4E

#66D5B7

#BC6256

#557ED0 を使ったカマイユ

#6B9CEA

#557ED0

#547BD8

#567FD8

#5071BE

#5874C3

#6280C1

#4C83E2

#557ED0

#6C9DE2

#487BC3

#557ED0

#4B7CE4

#4C89DF

#3E74BE

#557ED0 を使ったフォカマイユ

#6279DF

#4897F1

#498CBC

#557ED0

#5E88BC

#3E4CDF

#7396E7

#5990CB

#557ED0

#5F89B7

#557ED0

#7299D8

#5D7DB4

#3756BE

#5B88F1

#557ED0 を使ったドミナントカラー

#557ED0

#7B8EB3

#687899

#5B5F69

#767B85

#5D6066

#B6CDFC

#2A2E38

#1862F5

#557ED0

#565D6B

#B8BBC2

#152340

#557ED0

#1E3A73

#557ED0 を使ったトライアド

#557ED0

#D0557E

#7ED055

#557ED0 を使ったスプリットコンプリメンタリー

#D0D055

#557ED0

#D07E55

#557ED0 を使ったテトラード

#557ED0

#D055BC

#D0A755

#55D06A

#557ED0 を使ったコントラスト

#557ED0

#D0A755

#557ED0

#BDC3D0

#557ED0

#2A3E66

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

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

#557ED0

#557ED0 の色情報

#557ED0 の色相別色一覧

#557ED0 の彩度別色一覧

#557ED0 の明度別色一覧

#557ED0 を使ったトーンオントーン

#557ED0 を使ったトーンイントーン

#557ED0 を使ったカマイユ

#557ED0 を使ったフォカマイユ

#557ED0 を使ったドミナントカラー

#557ED0 を使ったトライアド

#557ED0 を使ったスプリットコンプリメンタリー

#557ED0 を使ったテトラード

#557ED0 を使ったコントラスト