色変換

色変換 for #445A69 の色

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

色空間

RGB6890105
HSL204.32°21.39%33.92%
HSV204.32°35.24%41.18%
CMYK35.24%14.29%0%58.82%
XYZ8.58919.560814.7547
Yxy9.56080.2610.2906
Hunter Lab30.9205-4.5277-6.6366
CIE-Lab37.0423-4.2565-11.2752
CIE-LCH37.042312.0519249.318
CIE-LUV37.0423-10.974-14.4047

基数表記

BaseRedGreenBlue
Binary010001000101101001101001
Octal104132151
Decimal6890105
Hex445A69

RGB比率

Red
27%
Green
35%
Blue
41%

CMYK比率

Cyan
35%
Magenta
14%
Yellow
0%
Black
59%
調和

配色

#445A69 の色 黒背景

#445A69 の色 サンプルテキスト

#445A69 の色 白背景

#445A69 の色 サンプルテキスト

#445A69 CSSコード

.background { background-color: #445A69; }
.text { color: #445A69; }
.border { border: 3px solid #445A69; }
.shadow { box-shadow: 0 8px 28px rgba(68, 90, 105, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト7.21:1AAA
黒とのコントラスト2.91:1低い
Webセーフカラー#336666Near
輝度0.09560-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #445A69 の色.

近い色

Similar colors

See 青系