DexBase Colors
#686E82 の色 壁 #686E82 Save image
色変換

色変換 for #686E82 の色

画面、塗料、パレット、デジタル素材を比較するための数値情報です。

色空間

RGB104110130
HSL226.15°11.11%45.88%
HSV226.15°20%50.98%
CMYK20%15.38%0%49.02%
XYZ15.313115.706323.3396
Yxy15.70630.28170.2889
Hunter Lab39.6312-0.3844-7.1616
CIE-Lab46.58682.2979-11.7863
CIE-LCH46.586812.0082281.0322
CIE-LUV46.5868-4.2264-16.8799

基数表記

BaseRedGreenBlue
Binary011010000110111010000010
Octal150156202
Decimal104110130
Hex686E82

RGB比率

Red
41%
Green
43%
Blue
51%

CMYK比率

Cyan
20%
Magenta
15%
Yellow
0%
Black
49%
調和

配色

#686E82 の色 黒背景

#686E82 の色 サンプルテキスト

#686E82 の色 白背景

#686E82 の色 サンプルテキスト

#686E82 CSSコード

.background { background-color: #686E82; }
.text { color: #686E82; }
.border { border: 3px solid #686E82; }
.shadow { box-shadow: 0 8px 28px rgba(104, 110, 130, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト5.07:1AA
黒とのコントラスト4.14:1大きな文字
Webセーフカラー#666699Near
輝度0.15710-1
言語

Color names in other languages

Use these names to compare international references, paint catalogs and design materials.

English#686E82 color
PortuguêsCor #686E82
EspañolColor #686E82
한국어#686E82 색상
日本語#686E82 の色
中文#686E82 颜色
DeutschFarbe #686E82
FrançaisCouleur #686E82
組み合わせ

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #686E82 の色.

#686E82 の色ラベンダー グレーLemon curryMiddle 青 紫
近い色

Similar colors

See 青系
Ucla 青 UCLA Blue #536895 青系 Roman 銀 Roman silver #838996 グレー系 Cool グレー Cool grey #8C92AC 青系 グレー-青 Gray-blue #8C92AC 青系 Independence Independence #4C516D 青系 Manatee Manatee #979AAA グレー系 バイオレット-青 Violet-blue #324AB2 青系 Cerulean 青 Cerulean blue #2A52BE 青系 紫 navy Purple navy #4E5180 青系 青 yonder Blue yonder #5072A7 青系 Liberty Liberty #545AA7 青系 Denim 青 Denim Blue #2243B6 青系