色変換

色変換 for #6879B0 の色

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

色空間

RGB104121176
HSL225.83°31.3%54.9%
HSV225.83°40.91%69.02%
CMYK40.91%31.25%0%30.98%
XYZ20.380419.751443.8044
Yxy19.75140.24280.2353
Hunter Lab44.44254.0812-27.306
CIE-Lab51.5558.0836-31.1699
CIE-LCH51.55532.201284.5388
CIE-LUV51.555-10.6552-47.9887

基数表記

BaseRedGreenBlue
Binary011010000111100110110000
Octal150171260
Decimal104121176
Hex6879B0

RGB比率

Red
41%
Green
47%
Blue
69%

CMYK比率

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

配色

#6879B0 の色 黒背景

#6879B0 の色 サンプルテキスト

#6879B0 の色 白背景

#6879B0 の色 サンプルテキスト

#6879B0 CSSコード

.background { background-color: #6879B0; }
.text { color: #6879B0; }
.border { border: 3px solid #6879B0; }
.shadow { box-shadow: 0 8px 28px rgba(104, 121, 176, 0.35); }
CSSプレビュー

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #6879B0 の色.

近い色

Similar colors

See 青系