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

#557BA3 の色情報

#557BA3

画像
HEX	#557BA3
RGB	R:85 G:123 B:163
RGBの割合	R:33.3% G:48.2% B:63.9%
HSV	H:210.8 S:47.9 V:63.9
HSL	H:210.8 S:31.5 L:48.6
CMY	C:66.7 M:51.8 Y:36.1

CMYK	C:47.9 M:24.5 Y:0.0 K:36.1
YCbCr	Y:115.8 Cb:151.2 Cr:108.5
XYZ	X:17.4 Y:18.7 Z:37.3
xyY	x:0.237 y:0.255 Y:18.7

CIE Lab	L:50.4 a:-2.0 b*:-25.6
CIE LCh	L:50.4 C:25.6 h:265.5
CIE Luv	L:50.4 u:-18.4 v*:-37.7
Hunter Lab	L:43.3 a:-3.9 b:-20.8

#557BA3 の色相別色一覧

#A35655

#A36A55

#A37D55

#A39155

#A2A355

#8FA355

#7BA355

#68A355

#55A356

#55A36A

#55A37D

#55A391

#55A2A3

#558FA3

#557BA3

#5568A3

#5655A3

#6A55A3

#7D55A3

#9155A3

#A355A2

#A3558F

#A3557B

#A35568

#557BA3 の彩度別色一覧

#9EA1A3

#969CA3

#8E98A3

#8694A3

#7E90A3

#768CA3

#6D88A3

#6583A3

#5D7FA3

#557BA3

#4D77A3

#4573A3

#3D6EA3

#346AA3

#2C66A3

#2462A3

#1C5EA3

#145AA3

#0C55A3

#0351A3

#557BA3 の明度別色一覧

#05080A

#0C1117

#131B24

#192430

#202E3D

#26384A

#2D4157

#344B63

#3A5570

#415E7D

#48688A

#4E7196

#557BA3

#5C85B0

#628EBD

#6998C9

#70A1D6

#76ABE3

#7DB5F0

#84BEFC

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

#557BA3

#336480

#1D3352

#AED0F7

#5690C2

#5781CF

#557BA3

#2E3A52

#5AB8ED

#364D70

#314152

#6898C4

#3C577D

#61B9F7

#557BA3

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

#557BA3

#B268BD

#9AAB62

#518F76

#9E4346

#9E6263

#5F9E73

#BABD60

#9462AB

#557BA3

#61B795

#557BA3

#728A51

#904D99

#A05F50

#557BA3 を使ったカマイユ

#3F6591

#607EAB

#557BA3

#537899

#3F6B8C

#5D7C96

#6084B5

#5C789B

#5F81A0

#557BA3

#4D6B8C

#4E7A9E

#57769E

#728FB7

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

#7989BF

#557BA3

#5589AD

#5D7EC9

#4B677D

#51708A

#567396

#4E9ABA

#557BA3

#487996

#5F8496

#5A87BA

#4B9AC4

#557BA3

#5995C2

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

#557BA3

#589EE8

#123961

#4578AD

#3E90E6

#CFDAE6

#557BA3

#79848F

#2067B3

#093869

#2569B0

#9FC0E3

#5694D6

#0667CC

#557BA3

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

#557BA3

#A3557B

#7BA355

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

#A39755

#557BA3

#A36355

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

#557BA3

#A355A2

#A37D55

#55A356

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

#557BA3

#A37D55

#557BA3

#0351A3

#557BA3

#85C0FF

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

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

#557BA3

#557BA3 の色情報

#557BA3 の色相別色一覧

#557BA3 の彩度別色一覧

#557BA3 の明度別色一覧

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

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

#557BA3 を使ったカマイユ

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

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

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

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

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

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