色変換

色変換 for #3A4572 の色

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

色空間

RGB5869114
HSL228.21°32.56%33.73%
HSV228.21°49.12%44.71%
CMYK49.12%39.47%0%55.29%
XYZ6.90946.370316.7818
Yxy6.37030.22980.2119
Hunter Lab25.23954.6956-21.7391
CIE-Lab30.32818.985-27.3555
CIE-LCH30.328128.7933288.1829
CIE-LUV30.3281-6.6932-36.7239

基数表記

BaseRedGreenBlue
Binary001110100100010101110010
Octal72105162
Decimal5869114
Hex3A4572

RGB比率

Red
23%
Green
27%
Blue
45%

CMYK比率

Cyan
49%
Magenta
39%
Yellow
0%
Black
55%
調和

配色

#3A4572 の色 黒背景

#3A4572 の色 サンプルテキスト

#3A4572 の色 白背景

#3A4572 の色 サンプルテキスト

#3A4572 CSSコード

.background { background-color: #3A4572; }
.text { color: #3A4572; }
.border { border: 3px solid #3A4572; }
.shadow { box-shadow: 0 8px 28px rgba(58, 69, 114, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト9.23:1AAA
黒とのコントラスト2.27:1低い
Webセーフカラー#333366Near
輝度0.06370-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #3A4572 の色.

近い色

Similar colors

See 青系