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

#557CB8 の色情報

#557CB8

画像
HEX	#557CB8
RGB	R:85 G:124 B:184
RGBの割合	R:33.3% G:48.6% B:72.2%
HSV	H:216.4 S:53.8 V:72.2
HSL	H:216.4 S:41.1 L:52.7
CMY	C:66.7 M:51.4 Y:27.8

CMYK	C:53.8 M:32.6 Y:0.0 K:27.8
YCbCr	Y:118.4 Cb:160.1 Cr:106.6
XYZ	X:19.6 Y:19.8 Z:48.1
xyY	x:0.224 y:0.226 Y:19.8

CIE Lab	L:51.6 a:4.0 b*:-35.8
CIE LCh	L:51.6 C:36.0 h:276.3
CIE Luv	L:51.6 u:-18.7 v*:-54.8
Hunter Lab	L:44.5 a:0.7 b:-33.0

#557CB8 の色相別色一覧

#B86055

#B87855

#B89155

#B8AA55

#AEB855

#95B855

#7CB855

#63B855

#55B860

#55B878

#55B891

#55B8AA

#55AEB8

#5595B8

#557CB8

#5563B8

#6055B8

#7855B8

#9155B8

#AA55B8

#B855AE

#B85595

#B8557C

#B85563

#557CB8 の彩度別色一覧

#B1B4B8

#A8AEB8

#9FA9B8

#95A3B8

#8C9DB8

#8398B8

#7A92B8

#718DB8

#6787B8

#5E82B8

#557CB8

#4C76B8

#4371B8

#396BB8

#3066B8

#2760B8

#1E5BB8

#1555B8

#0B4FB8

#024AB8

#557CB8 の明度別色一覧

#030406

#080C12

#0E151F

#141D2C

#1A2639

#202F45

#263752

#2C405F

#32486C

#385178

#3D5A85

#436292

#496B9F

#4F73AB

#557CB8

#5B85C5

#618DD2

#6796DE

#6D9EEB

#72A7F8

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

#40699C

#283847

#253F75

#557CB8

#508CF0

#274C7A

#4D6299

#557CB8

#7E96E8

#1B2E47

#37415C

#5A758F

#46577D

#448CF2

#557CB8

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

#9BA147

#AE5658

#C156CC

#557CB8

#57C06E

#50BD64

#557CB8

#9248B3

#A63E4F

#9EA455

#BB53CA

#BAD269

#CF504B

#557CB8

#47AB65

#557CB8 を使ったカマイユ

#6486C7

#557CB8

#4E7DBD

#5A72A6

#406DA9

#557CB8

#5977B5

#6A8EC0

#587CA6

#5D87D2

#557CB8

#4D89CF

#4C83C2

#6B91C5

#516CA9

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

#5D6DD2

#425DA4

#3B7199

#4C86D9

#557CB8

#4269A1

#6195DC

#406EAB

#3C5B92

#557CB8

#346099

#536ACA

#495E94

#535D9C

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

#448DFC

#053580

#172740

#557CB8

#8498B8

#557CB8

#709FE6

#1062E0

#6586BA

#022F73

#557CB8

#4981D6

#2E3B4F

#9FA4AB

#8EADDE

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

#557CB8

#B8557C

#7CB855

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

#B8B255

#557CB8

#B87055

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

#557CB8

#B855AE

#B89155

#55B860

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

#557CB8

#B89155

#557CB8

#B1B4B8

#557CB8

#2F4566

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

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

#557CB8

#557CB8 の色情報

#557CB8 の色相別色一覧

#557CB8 の彩度別色一覧

#557CB8 の明度別色一覧

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

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

#557CB8 を使ったカマイユ

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

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

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

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

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

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