色変換

色変換 for #6885C2 の色

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

色空間

RGB104133194
HSL220.67°42.45%58.43%
HSV220.67°46.39%76.08%
CMYK46.39%31.44%0%23.92%
XYZ23.830923.611754.3303
Yxy23.61170.23420.232
Hunter Lab48.59192.5052-32.2516
CIE-Lab55.69696.2471-35.0166
CIE-LCH55.696935.5695280.1154
CIE-LUV55.6969-15.6687-54.6907

基数表記

BaseRedGreenBlue
Binary011010001000010111000010
Octal150205302
Decimal104133194
Hex6885C2

RGB比率

Red
41%
Green
52%
Blue
76%

CMYK比率

Cyan
46%
Magenta
31%
Yellow
0%
Black
24%
調和

配色

#6885C2 の色 黒背景

#6885C2 の色 サンプルテキスト

#6885C2 の色 白背景

#6885C2 の色 サンプルテキスト

#6885C2 CSSコード

.background { background-color: #6885C2; }
.text { color: #6885C2; }
.border { border: 3px solid #6885C2; }
.shadow { box-shadow: 0 8px 28px rgba(104, 133, 194, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト3.67:1大きな文字
黒とのコントラスト5.72:1AA
Webセーフカラー#6699CCNear
輝度0.23610-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #6885C2 の色.

近い色

Similar colors

See 青系