色変換

色変換 for #6883A2 の色

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

色空間

RGB104131162
HSL212.07°23.77%52.16%
HSV212.07°35.8%63.53%
CMYK35.8%19.14%0%36.47%
XYZ20.344821.783337.308
Yxy21.78330.25610.2742
Hunter Lab46.6726-3.8686-14.7044
CIE-Lab53.7963-1.7518-19.6129
CIE-LCH53.796319.691264.896
CIE-LUV53.7963-14.3718-28.8342

基数表記

BaseRedGreenBlue
Binary011010001000001110100010
Octal150203242
Decimal104131162
Hex6883A2

RGB比率

Red
41%
Green
51%
Blue
64%

CMYK比率

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

配色

#6883A2 の色 黒背景

#6883A2 の色 サンプルテキスト

#6883A2 の色 白背景

#6883A2 の色 サンプルテキスト

#6883A2 CSSコード

.background { background-color: #6883A2; }
.text { color: #6883A2; }
.border { border: 3px solid #6883A2; }
.shadow { box-shadow: 0 8px 28px rgba(104, 131, 162, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト3.92:1大きな文字
黒とのコントラスト5.36:1AA
Webセーフカラー#669999Near
輝度0.21780-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #6883A2 の色.

近い色

Similar colors

See 青系