DexBase Colors
#6877A3 の色 壁 #6877A3 Save image
色変換

色変換 for #6877A3 の色

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

色空間

RGB104119163
HSL224.75°24.28%52.35%
HSV224.75°36.2%63.92%
CMYK36.2%26.99%0%36.08%
XYZ18.914718.780337.2716
Yxy18.78030.25230.2505
Hunter Lab43.33622.0697-20.6374
CIE-Lab50.42925.5828-25.3728
CIE-LCH50.429225.9797282.4091
CIE-LUV50.4292-9.4372-38.3637

基数表記

BaseRedGreenBlue
Binary011010000111011110100011
Octal150167243
Decimal104119163
Hex6877A3

RGB比率

Red
41%
Green
47%
Blue
64%

CMYK比率

Cyan
36%
Magenta
27%
Yellow
0%
Black
36%
調和

配色

#6877A3 の色 黒背景

#6877A3 の色 サンプルテキスト

#6877A3 の色 白背景

#6877A3 の色 サンプルテキスト

#6877A3 CSSコード

.background { background-color: #6877A3; }
.text { color: #6877A3; }
.border { border: 3px solid #6877A3; }
.shadow { box-shadow: 0 8px 28px rgba(104, 119, 163, 0.35); }
CSSプレビュー

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #6877A3 の色.

#6877A3 の色UbeMikado 黄ラベンダー グレー
近い色

Similar colors

See 青系
Ucla 青 UCLA Blue #536895 青系 Roman 銀 Roman silver #838996 グレー系 Cool グレー Cool grey #8C92AC 青系 グレー-青 Gray-blue #8C92AC 青系 Ceil Ceil #92A1CF 青系 Han 青 Han blue #446CCF 青系 Wild 青 yonder Wild blue yonder #A2ADD0 青系 青 yonder Blue yonder #5072A7 青系 Glaucous Glaucous #6082B6 青系 Shadow 青 Shadow blue #778BA5 青系 Cerulean 青 Cerulean blue #2A52BE 青系 Manatee Manatee #979AAA グレー系