DexBase Colors
#89A3CE の色 壁 #89A3CE Save image
色変換

色変換 for #89A3CE の色

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

色空間

RGB137163206
HSL217.39°41.32%67.25%
HSV217.39°33.5%80.78%
CMYK33.5%20.87%0%19.22%
XYZ34.55135.967563.5025
Yxy35.96750.25780.2684
Hunter Lab59.9729-2.1178-20.7738
CIE-Lab66.49511.2609-24.866
CIE-LCH66.495124.8979272.9029
CIE-LUV66.4951-14.7643-38.858

基数表記

BaseRedGreenBlue
Binary100010011010001111001110
Octal211243316
Decimal137163206
Hex89A3CE

RGB比率

Red
54%
Green
64%
Blue
81%

CMYK比率

Cyan
34%
Magenta
21%
Yellow
0%
Black
19%
調和

配色

#89A3CE の色 黒背景

#89A3CE の色 サンプルテキスト

#89A3CE の色 白背景

#89A3CE の色 サンプルテキスト

#89A3CE CSSコード

.background { background-color: #89A3CE; }
.text { color: #89A3CE; }
.border { border: 3px solid #89A3CE; }
.shadow { box-shadow: 0 8px 28px rgba(137, 163, 206, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト2.56:1低い
黒とのコントラスト8.19:1AAA
Webセーフカラー#9999CCNear
輝度0.35970-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #89A3CE の色.

#89A3CE の色ToolboxKhaki (html/css) (khaki)Slate 青
近い色

Similar colors

See 青系
Vista 青 Vista blue #7C9ED9 青系 Glaucous Glaucous #6082B6 青系 暗い pastel 青 Dark pastel blue #779ECB 青系 明るい steel 青 Light steel blue #B0C4DE 青系 明るい cobalt 青 Light cobalt blue #88ACE0 青系 Ceil Ceil #92A1CF 青系 青 yonder Blue yonder #5072A7 青系 銀 lake 青 Silver Lake blue #5D89BA 青系 United nations 青 United Nations blue #5B92E5 青系 Little boy 青 Little boy blue #6CA0DC 青系 Cornflower 青 Cornflower blue #6495ED 青系 Cerulean frost Cerulean frost #6D9BC3 青系