#5686D2｜カラーサイト.com

#5686D2 の色情報

#5686D2

画像
HEX	#5686D2
RGB	R:86 G:134 B:210
RGBの割合	R:33.7% G:52.5% B:82.4%
HSV	H:216.8 S:59.0 V:82.4
HSL	H:216.8 S:57.9 L:58.0
CMY	C:66.3 M:47.5 Y:17.6

CMYK	C:59.0 M:36.2 Y:0.0 K:17.6
YCbCr	Y:126.2 Cb:168.5 Cr:101.5
XYZ	X:24.0 Y:23.7 Z:64.3
xyY	x:0.214 y:0.212 Y:23.7

CIE Lab	L:55.8 a:6.7 b*:-44.0
CIE LCh	L:55.8 C:44.5 h:278.6
CIE Luv	L:55.8 u:-21.9 v*:-69.4
Hunter Lab	L:48.7 a:2.9 b:-44.3

#5686D2 の色相別色一覧

#D26456

#D28356

#D2A256

#D2C156

#C4D256

#A5D256

#86D256

#67D256

#56D264

#56D283

#56D2A2

#56D2C1

#56C4D2

#56A5D2

#5686D2

#5667D2

#6456D2

#8356D2

#A256D2

#C156D2

#D256C4

#D256A5

#D25686

#D25667

#5686D2 の彩度別色一覧

#CACDD2

#BFC6D2

#B5C0D2

#AAB9D2

#A0B3D2

#95ADD2

#8BA6D2

#80A0D2

#7699D2

#6B93D2

#618CD2

#5686D2

#4C80D2

#4179D2

#3773D2

#2C6CD2

#2266D2

#175FD2

#0D59D2

#0253D2

#5686D2 の明度別色一覧

#020406

#080C13

#0D1420

#121C2C

#172439

#1D2D46

#223553

#273D5F

#2C456C

#314D79

#375586

#3C5D92

#41659F

#466EAC

#4C76B9

#517EC5

#5686D2

#5B8EDF

#6096EC

#669EF8

#5686D2 を使ったトーンオントーン

#566FB8

#5686D2

#122B54

#365470

#4C689E

#5686D2

#6992B8

#53688F

#1F4778

#2C3B54

#5686D2

#3D67A1

#2C4259

#74B6F7

#445270

#5686D2 を使ったトーンイントーン

#4DE961

#E0E470

#5686D2

#AF66CF

#C53D44

#C244DC

#C0C84A

#EC6C6A

#64D57C

#5686D2

#B0DA46

#5686D2

#5CDCA4

#BE5A57

#B550BB

#5686D2 を使ったカマイユ

#4C7CCD

#5686D2

#416ECD

#4F7ED5

#4D7CE9

#577EC5

#6B9AE9

#668DC8

#5686D2

#4981CA

#6CA8EC

#4C77CD

#4068BE

#508BCD

#5686D2

#5686D2 を使ったフォカマイユ

#3A7DC8

#638DB1

#5866B1

#3D7FB3

#5686D2

#79A9DC

#72A6EE

#5686D2

#4365DF

#6490BE

#3A5CE1

#5C82AE

#4D8DB3

#5388C0

#5686D2

#5686D2 を使ったドミナントカラー

#33496B

#59739C

#9EA5B0

#2D3A4F

#5686D2

#14448F

#D2E2FC

#2E5594

#5B5F63

#C7D6ED

#1D2A3D

#5686D2

#92B0E0

#252A33

#5686D2 を使ったトライアド

#5686D2

#D25686

#86D256

#5686D2 を使ったスプリットコンプリメンタリー

#D2CB56

#5686D2

#D27956

#5686D2 を使ったテトラード

#5686D2

#D256C4

#D2A256

#56D264

#5686D2 を使ったコントラスト

#5686D2

#D2A256

#5686D2

#BFC6D2

#5686D2

#2A4166

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

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

#5686D2

#5686D2 の色情報

#5686D2 の色相別色一覧

#5686D2 の彩度別色一覧

#5686D2 の明度別色一覧

#5686D2 を使ったトーンオントーン

#5686D2 を使ったトーンイントーン

#5686D2 を使ったカマイユ

#5686D2 を使ったフォカマイユ

#5686D2 を使ったドミナントカラー

#5686D2 を使ったトライアド

#5686D2 を使ったスプリットコンプリメンタリー

#5686D2 を使ったテトラード

#5686D2 を使ったコントラスト