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

色変換 for #6877B1 の色

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

色空間

RGB104119177
HSL227.67°31.88%55.1%
HSV227.67°41.24%69.41%
CMYK41.24%32.77%0%30.59%
XYZ20.239119.310144.2472
Yxy19.31010.24150.2304
Hunter Lab43.94335.311-28.9164
CIE-Lab51.04819.5753-32.5398
CIE-LCH51.048133.9194286.3973
CIE-LUV51.0481-9.916-50.2402

基数表記

BaseRedGreenBlue
Binary011010000111011110110001
Octal150167261
Decimal104119177
Hex6877B1

RGB比率

Red
41%
Green
47%
Blue
69%

CMYK比率

Cyan
41%
Magenta
33%
Yellow
0%
Black
31%
調和

配色

#6877B1 の色 黒背景

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

#6877B1 の色 白背景

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

#6877B1 CSSコード

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

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

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

#6877B1 の色Ube深い lemon明るい pastel 紫
近い色

Similar colors

See 青系
Cool グレー Cool grey #8C92AC 青系 グレー-青 Gray-blue #8C92AC 青系 Wild 青 yonder Wild blue yonder #A2ADD0 青系 Ceil Ceil #92A1CF 青系 Liberty Liberty #545AA7 青系 バイオレット-青 Violet-blue #324AB2 青系 Ucla 青 UCLA Blue #536895 青系 Manatee Manatee #979AAA グレー系 Han 青 Han blue #446CCF 青系 Roman 銀 Roman silver #838996 グレー系 Glaucous Glaucous #6082B6 青系 ロイヤル 青 Royal blue #4169E1 青系