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

#586BA3 の色情報

#586BA3

画像
HEX	#586BA3
RGB	R:88 G:107 B:163
RGBの割合	R:34.5% G:42.0% B:63.9%
HSV	H:224.8 S:46.0 V:63.9
HSL	H:224.8 S:29.9 L:49.2
CMY	C:65.5 M:58.0 Y:36.1

CMYK	C:46.0 M:34.4 Y:0.0 K:36.1
YCbCr	Y:108.5 Cb:155.4 Cr:115.7
XYZ	X:15.9 Y:15.2 Z:36.8
xyY	x:0.234 y:0.224 Y:15.2

CIE Lab	L:46.0 a:8.4 b*:-32.4
CIE LCh	L:46.0 C:33.5 h:284.5
CIE Luv	L:46.0 u:-11.2 v*:-48.8
Hunter Lab	L:39.0 a:4.4 b:-28.5

#586BA3 の色相別色一覧

#A36B58

#A37D58

#A39058

#A3A358

#91A358

#7EA358

#6BA358

#58A358

#58A36B

#58A37D

#58A390

#58A3A3

#5891A3

#587EA3

#586BA3

#5858A3

#6B58A3

#7D58A3

#9058A3

#A358A3

#A35891

#A3587E

#A3586B

#A35858

#586BA3 の彩度別色一覧

#A1A2A3

#999CA3

#9196A3

#8990A3

#8189A3

#7983A3

#707DA3

#6877A3

#6071A3

#586BA3

#5065A3

#485FA3

#4059A3

#3753A3

#2F4DA3

#2746A3

#1F40A3

#173AA3

#0F34A3

#072EA3

#586BA3 の明度別色一覧

#05070A

#0C0F17

#131724

#1A2030

#21283D

#28304A

#2F3957

#364163

#3C4A70

#43527D

#4A5A8A

#516396

#586BA3

#5F73B0

#667CBD

#6D84C9

#748CD6

#7A95E3

#819DF0

#88A6FC

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

#586BA3

#476DBF

#3C3E52

#374380

#8A9CED

#6B80C7

#93A8F5

#586BA3

#38496E

#444A5C

#202C52

#586BA3

#364970

#525EC7

#9DC3FA

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

#586BA3

#84944B

#58A076

#A667B2

#915052

#52A884

#889951

#586BA3

#9E63AD

#8F464D

#586BA3

#A0594A

#5A8C7E

#7B9654

#A864B2

#586BA3 を使ったカマイユ

#6D81AD

#5C77B7

#445191

#5F74A0

#586BA3

#5E71B7

#6D7FAD

#6170AB

#586BA3

#63709E

#405B91

#586BA3

#445A91

#4E60A6

#6371A8

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

#3E588C

#6582C2

#586BA3

#547BB0

#4552AD

#637E99

#586BA3

#373E82

#58598F

#3D448F

#586BA3

#7991B5

#464A8A

#4C57A8

#4E6A9B

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

#9CABD9

#586BA3

#4361BA

#D5DCF0

#0D183B

#586BA3

#526FC7

#252C40

#2F4996

#656C80

#EBEEF7

#586BA3

#727FA3

#1F4BCC

#545A6B

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

#586BA3

#A3586B

#6BA358

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

#9DA358

#586BA3

#A37758

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

#586BA3

#A35891

#A39058

#58A36B

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

#586BA3

#A39058

#586BA3

#072EA3

#586BA3

#8AA7FF

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

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

#586BA3

#586BA3 の色情報

#586BA3 の色相別色一覧

#586BA3 の彩度別色一覧

#586BA3 の明度別色一覧

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

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

#586BA3 を使ったカマイユ

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

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

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

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

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

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