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

#586BF9 の色情報

#586BF9

画像
HEX	#586BF9
RGB	R:88 G:107 B:249
RGBの割合	R:34.5% G:42.0% B:97.6%
HSV	H:232.9 S:64.7 V:97.6
HSL	H:232.9 S:93.1 L:66.1
CMY	C:65.5 M:58.0 Y:2.4

CMYK	C:64.7 M:57.0 Y:0.0 K:2.4
YCbCr	Y:116.9 Cb:193.2 Cr:109.6
XYZ	X:26.4 Y:19.4 Z:92.0
xyY	x:0.191 y:0.141 Y:19.4

CIE Lab	L:51.2 a:36.6 b*:-73.2
CIE LCh	L:51.2 C:81.9 h:296.5
CIE Luv	L:51.2 u:-13.5 v*:-115.7
Hunter Lab	L:44.1 a:29.7 b:-92.9

#586BF9 の色相別色一覧

#F96D58

#F99658

#F9BE58

#F9E658

#E4F958

#BCF958

#93F958

#6BF958

#58F96D

#58F996

#58F9BE

#58F9E6

#58E4F9

#58BCF9

#5893F9

#586BF9

#6D58F9

#9658F9

#BE58F9

#E658F9

#F958E4

#F958BC

#F95893

#F9586B

#586BF9 の彩度別色一覧

#EDEFF9

#E1E4F9

#D5D9F9

#C8CEF9

#BCC3F9

#AFB8F9

#A3ADF9

#96A2F9

#8A97F9

#7D8CF9

#7181F9

#6476F9

#586BF9

#4C60F9

#3F55F9

#334AF9

#263FF9

#1A34F9

#0D29F9

#011EF9

#586BF9 の明度別色一覧

#020307

#070814

#0B0E20

#10132D

#14193A

#191E47

#1D2453

#222960

#262F6D

#2B347A

#2F3A86

#343F93

#3845A0

#3D4AAD

#4150B9

#4655C6

#4A5BD3

#4F60E0

#5366EC

#586BF9

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

#3250A1

#21326E

#586BF9

#293454

#5D6FBD

#586BF9

#152270

#3A4294

#2952CC

#232F52

#4246A1

#1E1F52

#152D82

#586BF9

#6763D6

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

#EA9A4C

#8EFF71

#586BF9

#F652E1

#5CCCE0

#47EA9B

#BEE764

#FA62FF

#FF655D

#586BF9

#E25945

#F44AE3

#47FCA7

#B7EF5C

#586BF9 を使ったカマイユ

#586BF9

#3E50EC

#7478FF

#637CE0

#3F4DE0

#4B54FF

#586BF9

#6D84F1

#656CEF

#4046F1

#3B46E0

#5164E0

#445FE7

#3F4BE7

#586BF9

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

#658AE0

#3B64EA

#486EEC

#786FFF

#586BF9

#557AFF

#4B82EF

#4B8AFF

#3A34FF

#586BF9

#3658FF

#506BD5

#6C64FF

#6E67FF

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

#141833

#141838

#586BF9

#626AA3

#222859

#2E2F38

#495085

#95A1F5

#586BF9

#525987

#41424A

#414145

#172063

#586BF9

#0F21A8

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

#586BF9

#F9586B

#6BF958

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

#D6F958

#586BF9

#F9B058

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

#586BF9

#F958BC

#F9E658

#58F996

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

#586BF9

#F9E658

#586BF9

#D5D9F9

#586BF9

#242C66

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

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

#586BF9

#586BF9 の色情報

#586BF9 の色相別色一覧

#586BF9 の彩度別色一覧

#586BF9 の明度別色一覧

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

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

#586BF9 を使ったカマイユ

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

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

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

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

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

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