#6586C2｜カラーサイト.com

#6586C2 の色情報

#6586C2

画像
HEX	#6586C2
RGB	R:101 G:134 B:194
RGBの割合	R:39.6% G:52.5% B:76.1%
HSV	H:218.7 S:47.9 V:76.1
HSL	H:218.7 S:43.3 L:57.8
CMY	C:60.4 M:47.5 Y:23.9

CMYK	C:47.9 M:30.9 Y:0.0 K:23.9
YCbCr	Y:128.5 Cb:159.2 Cr:109.3
XYZ	X:23.6 Y:23.7 Z:54.4
xyY	x:0.232 y:0.233 Y:23.7

CIE Lab	L:55.8 a:4.9 b*:-34.9
CIE LCh	L:55.8 C:35.2 h:278.0
CIE Luv	L:55.8 u:-17.2 v*:-54.3
Hunter Lab	L:48.7 a:1.4 b:-32.1

#6586C2 の色相別色一覧

#C27365

#C28A65

#C2A165

#C2B865

#B5C265

#9DC265

#86C265

#6FC265

#65C273

#65C28A

#65C2A1

#65C2B8

#65B5C2

#659DC2

#6586C2

#656FC2

#7365C2

#8A65C2

#A165C2

#B865C2

#C265B5

#C2659D

#C26586

#C2656F

#6586C2 の彩度別色一覧

#BCBEC2

#B3B8C2

#A9B2C2

#9FACC2

#96A5C2

#8C9FC2

#8299C2

#7893C2

#6F8CC2

#6586C2

#5B80C2

#5279C2

#4873C2

#3E6DC2

#3567C2

#2B60C2

#215AC2

#1754C2

#0E4EC2

#0447C2

#6586C2 の明度別色一覧

#010203

#080B10

#0F141C

#151C29

#1C2536

#232E43

#29374F

#30405C

#374869

#3D5176

#445A82

#4A638F

#516C9C

#5874A9

#5E7DB5

#6586C2

#6C8FCF

#7298DC

#79A0E8

#80A9F5

#6586C2 を使ったトーンオントーン

#6586C2

#283A5C

#B2D0FA

#385380

#5564A3

#465B73

#557BA1

#2A364F

#6586C2

#A7B6E8

#2A4D70

#1C2B4A

#6586C2

#A6B9ED

#6984A1

#6586C2 を使ったトーンイントーン

#6586C2

#D9876D

#99C758

#5BB58F

#BA75BF

#AE5452

#7DDCAF

#A0BF6D

#C67ECF

#6586C2

#BECC77

#6586C2

#BF6256

#77D4A5

#C558D1

#6586C2 を使ったカマイユ

#6586C2

#6681BD

#6390DC

#7D92CA

#6884B3

#648CD9

#6E87C7

#6589D6

#6586C2

#567EB8

#779CDC

#5975B3

#6781AB

#5F7AB3

#6586C2

#6586C2 を使ったフォカマイユ

#626A9C

#5A80D6

#6586C2

#769DC7

#5B75A6

#6981A6

#82A0C7

#6586C2

#7CA7DE

#71A0D1

#4F6AD4

#6586C2

#6782D6

#5B6AD4

#6391CF

#6586C2 を使ったドミナントカラー

#242F42

#528FFF

#6586C2

#0B2F70

#32353B

#4566A3

#6586C2

#1F3F78

#5B75A3

#202938

#636870

#6586C2

#86A0CF

#B4C1D9

#4D75BF

#6586C2 を使ったアイデンティティ

#296BE3

#515E75

#6586C2

#2E508F

#6586C2

#397EFA

#6586C2

#345694

#092A66

#6586C2 を使ったトライアド

#6586C2

#C26586

#86C265

#6586C2 を使ったスプリットコンプリメンタリー

#C2C065

#6586C2

#C28265

#6586C2 を使ったテトラード

#6586C2

#C265B5

#C2A165

#65C273

#6586C2 を使ったコントラスト

#6586C2

#C2A165

#6586C2

#0447C2

#6586C2

#354666

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

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

#6586C2

#6586C2 の色情報

#6586C2 の色相別色一覧

#6586C2 の彩度別色一覧

#6586C2 の明度別色一覧

#6586C2 を使ったトーンオントーン

#6586C2 を使ったトーンイントーン

#6586C2 を使ったカマイユ

#6586C2 を使ったフォカマイユ

#6586C2 を使ったドミナントカラー

#6586C2 を使ったアイデンティティ

#6586C2 を使ったトライアド

#6586C2 を使ったスプリットコンプリメンタリー

#6586C2 を使ったテトラード

#6586C2 を使ったコントラスト