色変換

色変換 for #6872E9 の色

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

色空間

RGB104114233
HSL235.35°74.57%66.08%
HSV235.35°55.36%91.37%
CMYK55.36%51.07%0%8.63%
XYZ26.429520.85979.7085
Yxy20.8590.20810.1642
Hunter Lab45.671723.369-71.4653
CIE-Lab52.794829.823-61.6394
CIE-LCH52.794868.475295.8191
CIE-LUV52.7948-10.347-98.6873

基数表記

BaseRedGreenBlue
Binary011010000111001011101001
Octal150162351
Decimal104114233
Hex6872E9

RGB比率

Red
41%
Green
45%
Blue
91%

CMYK比率

Cyan
55%
Magenta
51%
Yellow
0%
Black
9%
調和

配色

#6872E9 の色 黒背景

#6872E9 の色 サンプルテキスト

#6872E9 の色 白背景

#6872E9 の色 サンプルテキスト

#6872E9 CSSコード

.background { background-color: #6872E9; }
.text { color: #6872E9; }
.border { border: 3px solid #6872E9; }
.shadow { box-shadow: 0 8px 28px rgba(104, 114, 233, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト4.06:1大きな文字
黒とのコントラスト5.17:1AA
Webセーフカラー#6666FFNear
輝度0.20860-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #6872E9 の色.

近い色

Similar colors

See 青系