色変換

色変換 for #2A559A の色

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

色空間

RGB4285154
HSL216.96°57.14%38.43%
HSV216.96°72.73%60.39%
CMYK72.73%44.81%0%39.61%
XYZ10.0349.321331.836
Yxy9.32130.1960.1821
Hunter Lab30.53085.2349-40.4289
CIE-Lab36.59579.6043-42.0622
CIE-LCH36.595743.1448282.8622
CIE-LUV36.5957-16.2994-60.1463

基数表記

BaseRedGreenBlue
Binary001010100101010110011010
Octal52125232
Decimal4285154
Hex2A559A

RGB比率

Red
16%
Green
33%
Blue
60%

CMYK比率

Cyan
73%
Magenta
45%
Yellow
0%
Black
40%
調和

配色

#2A559A の色 黒背景

#2A559A の色 サンプルテキスト

#2A559A の色 白背景

#2A559A の色 サンプルテキスト

#2A559A CSSコード

.background { background-color: #2A559A; }
.text { color: #2A559A; }
.border { border: 3px solid #2A559A; }
.shadow { box-shadow: 0 8px 28px rgba(42, 85, 154, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト7.33:1AAA
黒とのコントラスト2.86:1低い
Webセーフカラー#336699Near
輝度0.09320-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #2A559A の色.

近い色

Similar colors

See 青系