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

#557EB0 の色情報

#557EB0

画像
HEX	#557EB0
RGB	R:85 G:126 B:176
RGBの割合	R:33.3% G:49.4% B:69.0%
HSV	H:213.0 S:51.7 V:69.0
HSL	H:213.0 S:36.5 L:51.2
CMY	C:66.7 M:50.6 Y:31.0

CMYK	C:51.7 M:28.4 Y:0.0 K:31.0
YCbCr	Y:118.6 Cb:156.0 Cr:106.5
XYZ	X:19.0 Y:20.0 Z:43.9
xyY	x:0.230 y:0.241 Y:20.0

CIE Lab	L:51.8 a:0.2 b*:-30.9
CIE LCh	L:51.8 C:30.9 h:270.4
CIE Luv	L:51.8 u:-19.5 v*:-46.6
Hunter Lab	L:44.7 a:-2.2 b:-27.0

#557EB0 の色相別色一覧

#B05A55

#B07055

#B08755

#B09E55

#ACB055

#95B055

#7EB055

#67B055

#55B05A

#55B070

#55B087

#55B09E

#55ACB0

#5595B0

#557EB0

#5567B0

#5A55B0

#7055B0

#8755B0

#9E55B0

#B055AC

#B05595

#B0557E

#B05567

#557EB0 の彩度別色一覧

#ADAEB0

#A4AAB0

#9BA5B0

#93A0B0

#8A9BB0

#8196B0

#7891B0

#6F8DB0

#6788B0

#5E83B0

#557EB0

#4C79B0

#4374B0

#3B6FB0

#326BB0

#2966B0

#2061B0

#175CB0

#0F57B0

#0652B0

#557EB0 の明度別色一覧

#05070A

#0B1017

#111A24

#172331

#1E2C3D

#24354A

#2A3E57

#304764

#365070

#3C597D

#43638A

#496C97

#4F75A3

#557EB0

#5B87BD

#6190CA

#6799D6

#6EA3E3

#74ACF0

#7AB5FD

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

#6EA6E3

#557EB0

#26436B

#193554

#557296

#5F7796

#8DB2F2

#1E3C4F

#4D5F7D

#557EB0

#324B6B

#557EB0

#88B3F2

#344354

#396D91

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

#A65558

#8F60A8

#B8BD55

#71C28F

#557EB0

#993E3B

#557EB0

#AD47BA

#4AAB71

#B6CA5F

#929756

#9C5358

#9953A8

#557EB0

#60BF7D

#557EB0 を使ったカマイユ

#5179B8

#406AA8

#6686B3

#557EB0

#598BBD

#6082AD

#4A85B8

#5F84A3

#5A8FBF

#557EB0

#648EB5

#507BB8

#4785BA

#6C9AC7

#557EB0

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

#566599

#4167C2

#557EB0

#3F76A1

#3D85A8

#447A9E

#5D99CA

#4776CF

#38498A

#557EB0

#4C798C

#557EB0

#78AFD1

#485B8C

#5E84A3

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

#167CF7

#293545

#4F6178

#557EB0

#144785

#022754

#145FBA

#557EB0

#466080

#A9BFD9

#1B4A85

#557EB0

#5E81AB

#1466C9

#8AB3E6

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

#557EB0

#B0557E

#7EB055

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

#B0A555

#557EB0

#B06955

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

#557EB0

#B055AC

#B08755

#55B05A

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

#557EB0

#B08755

#557EB0

#ADAEB0

#557EB0

#7BB7FF

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

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

#557EB0

#557EB0 の色情報

#557EB0 の色相別色一覧

#557EB0 の彩度別色一覧

#557EB0 の明度別色一覧

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

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

#557EB0 を使ったカマイユ

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

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

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

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

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

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