#558BF9｜カラーサイト.com

#558BF9 の色情報

#558BF9

画像
HEX	#558BF9
RGB	R:85 G:139 B:249
RGBの割合	R:33.3% G:54.5% B:97.6%
HSV	H:220.2 S:65.9 V:97.6
HSL	H:220.2 S:93.2 L:65.5
CMY	C:66.7 M:45.5 Y:2.4

CMYK	C:65.9 M:44.2 Y:0.0 K:2.4
YCbCr	Y:132.3 Cb:184.3 Cr:96.5
XYZ	X:30.1 Y:27.2 Z:93.3
xyY	x:0.200 y:0.181 Y:27.2

CIE Lab	L:59.2 a:16.6 b*:-60.3
CIE LCh	L:59.2 C:62.6 h:285.4
CIE Luv	L:59.2 u:-23.5 v*:-97.8
Hunter Lab	L:52.2 a:11.5 b:-69.5

#558BF9 の色相別色一覧

#F97155

#F99A55

#F9C355

#F9EC55

#DDF955

#B4F955

#8BF955

#62F955

#55F971

#55F99A

#55F9C3

#55F9EC

#55DDF9

#55B4F9

#558BF9

#5562F9

#7155F9

#9A55F9

#C355F9

#EC55F9

#F955DD

#F955B4

#F9558B

#F95562

#558BF9 の彩度別色一覧

#F7F8F9

#EAEFF9

#DEE7F9

#D2DFF9

#C5D6F9

#B9CEF9

#ACC5F9

#A0BDF9

#93B5F9

#87ACF9

#7AA4F9

#6E9CF9

#6193F9

#558BF9

#4983F9

#3C7AF9

#3072F9

#236AF9

#1761F9

#0A59F9

#558BF9 の明度別色一覧

#020407

#070B14

#0B1220

#0F192D

#14203A

#182747

#1C2E53

#213660

#253D6D

#29447A

#2E4B86

#325293

#3759A0

#3B60AD

#3F67B9

#446FC6

#4876D3

#4C7DE0

#5184EC

#558BF9

#558BF9 を使ったトーンオントーン

#6094D9

#2D5C94

#3D567A

#27354A

#558BF9

#1F2547

#305899

#3D5DBF

#558BF9

#2C4980

#194578

#1B2E47

#558BF9

#6781D1

#2D61A1

#558BF9 を使ったトーンイントーン

#FF6468

#CFE74A

#558BF9

#3DF17D

#F14CFC

#E467EF

#C1FF66

#5CFFBF

#E75B3A

#558BF9

#E1FF3E

#3BEA61

#C655E5

#558BF9

#FF4E4D

#558BF9 を使ったカマイユ

#5A82FF

#5492FF

#558BF9

#488DFF

#4A8BE7

#3975E5

#4072E2

#558BF9

#6998FF

#5C99F6

#558BF9

#4F7BFF

#6496F4

#4589FF

#538DE0

#558BF9 を使ったフォカマイユ

#319AFF

#5770E0

#3B65FF

#558BF9

#2C8DDD

#71B0FF

#7BC5FF

#558BF9

#495CF1

#70ADFE

#558BF9

#617AFE

#5F7EFF

#365AFF

#4874EF

#558BF9 を使ったドミナントカラー

#4A6396

#EDF2FC

#558BF9

#153575

#3460BA

#1B3261

#373A40

#5A698A

#558BF9

#A6AAB3

#0A56F2

#607BB3

#8AA1D1

#558BF9

#4372D1

#558BF9 を使ったトライアド

#558BF9

#F9558B

#8BF955

#558BF9 を使ったスプリットコンプリメンタリー

#F8F955

#558BF9

#F98C55

#558BF9 を使ったテトラード

#558BF9

#F955DD

#F9C355

#55F971

#558BF9 を使ったコントラスト

#558BF9

#F9C355

#558BF9

#D2DFF9

#558BF9

#233966

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

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

#558BF9

#558BF9 の色情報

#558BF9 の色相別色一覧

#558BF9 の彩度別色一覧

#558BF9 の明度別色一覧

#558BF9 を使ったトーンオントーン

#558BF9 を使ったトーンイントーン

#558BF9 を使ったカマイユ

#558BF9 を使ったフォカマイユ

#558BF9 を使ったドミナントカラー

#558BF9 を使ったトライアド

#558BF9 を使ったスプリットコンプリメンタリー

#558BF9 を使ったテトラード

#558BF9 を使ったコントラスト