#686A93｜カラーサイト.com

#686A93 の色情報

#686A93

画像
HEX	#686A93
RGB	R:104 G:106 B:147
RGBの割合	R:40.8% G:41.6% B:57.6%
HSV	H:237.2 S:29.3 V:57.6
HSL	H:237.2 S:17.1 L:49.2
CMY	C:59.2 M:58.4 Y:42.4

CMYK	C:29.3 M:27.9 Y:0.0 K:42.4
YCbCr	Y:110.6 Cb:146.3 Cr:124.2
XYZ	X:16.1 Y:15.4 Z:29.7
xyY	x:0.264 y:0.251 Y:15.4

CIE Lab	L:46.1 a:9.1 b*:-22.6
CIE LCh	L:46.1 C:24.4 h:291.8
CIE Luv	L:46.1 u:-3.4 v*:-33.9
Hunter Lab	L:39.2 a:4.9 b:-17.5

#686A93 の色相別色一覧

#937168

#937C68

#938668

#939168

#8A9368

#809368

#759368

#6A9368

#689371

#68937C

#689386

#689391

#688A93

#688093

#687593

#686A93

#716893

#7C6893

#866893

#916893

#93688A

#936880

#936875

#93686A

#686A93 の彩度別色一覧

#8D8D93

#858693

#7E7F93

#777893

#6F7193

#686A93

#616393

#595C93

#525593

#4B4E93

#434793

#3C4093

#353993

#2D3293

#262B93

#1F2493

#171D93

#101693

#080F93

#010893

#686A93 の明度別色一覧

#050507

#0E0E14

#171720

#20202D

#292A3A

#323347

#3B3C53

#444560

#4D4E6D

#56587A

#5F6186

#686A93

#7173A0

#7A7CAD

#8386B9

#8C8FC6

#9598D3

#9EA1E0

#A7AAEC

#B0B4F9

#686A93 を使ったトーンオントーン

#373A45

#DAD7F5

#9C9FB0

#686A93

#6E7DC9

#515370

#3E3E45

#B9B7E8

#6B70C4

#686A93

#8990E6

#7E81AD

#B1B6CF

#686A93

#44464F

#686A93 を使ったトーンイントーン

#678B80

#8B6E86

#8E6A59

#686A93

#6E8956

#686A93

#648B79

#7F5371

#7C896E

#AD8269

#967670

#879D71

#686A93

#84557F

#76988F

#686A93 を使ったカマイユ

#676786

#7D7BA7

#6C6C86

#686A93

#53547F

#6970A0

#6D6C9D

#707490

#797996

#686A93

#676CA0

#686A93

#7B7F9B

#656B96

#67669D

#686A93 を使ったフォカマイユ

#6977A2

#797A98

#6570AF

#7D82AD

#686A93

#5C5789

#686A93

#484D81

#4E4974

#7287B9

#4E5574

#847F98

#807CB7

#686A93

#666686

#686A93 を使ったドミナントカラー

#3D43BF

#0B117D

#B8BBFF

#686A93

#393A45

#020CD1

#1D25DB

#9091AD

#686A93

#4D55EB

#686A93

#A1A1B3

#0E125E

#696A7A

#8C8EBD

#686A93 を使ったトライアド

#686A93

#93686A

#6A9368

#686A93 を使ったスプリットコンプリメンタリー

#879368

#686A93

#938368

#686A93 を使ったテトラード

#686A93

#936880

#939168

#68937C

#686A93 を使ったコントラスト

#686A93

#939168

#686A93

#1F2493

#686A93

#B4B8FF

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

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

#686A93

#686A93 の色情報

#686A93 の色相別色一覧

#686A93 の彩度別色一覧

#686A93 の明度別色一覧

#686A93 を使ったトーンオントーン

#686A93 を使ったトーンイントーン

#686A93 を使ったカマイユ

#686A93 を使ったフォカマイユ

#686A93 を使ったドミナントカラー

#686A93 を使ったトライアド

#686A93 を使ったスプリットコンプリメンタリー

#686A93 を使ったテトラード

#686A93 を使ったコントラスト