色変換

色変換 for #678AB1 の色

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

色空間

RGB103138177
HSL211.62°32.17%54.9%
HSV211.62°41.81%69.41%
CMYK41.81%22.03%0%30.59%
XYZ22.615224.233545.0723
Yxy24.23350.2460.2636
Hunter Lab49.2275-4.1457-19.8049
CIE-Lab56.3208-1.8973-24.3639
CIE-LCH56.320824.4377265.5472
CIE-LUV56.3208-17.8079-36.5969

基数表記

BaseRedGreenBlue
Binary011001111000101010110001
Octal147212261
Decimal103138177
Hex678AB1

RGB比率

Red
40%
Green
54%
Blue
69%

CMYK比率

Cyan
42%
Magenta
22%
Yellow
0%
Black
31%
調和

配色

#678AB1 の色 黒背景

#678AB1 の色 サンプルテキスト

#678AB1 の色 白背景

#678AB1 の色 サンプルテキスト

#678AB1 CSSコード

.background { background-color: #678AB1; }
.text { color: #678AB1; }
.border { border: 3px solid #678AB1; }
.shadow { box-shadow: 0 8px 28px rgba(103, 138, 177, 0.35); }
CSSプレビュー

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #678AB1 の色.

近い色

Similar colors

See 青系