色変換

色変換 for #2A55C5 の色

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

色空間

RGB4285197
HSL223.35°64.85%46.86%
HSV223.35°78.68%77.25%
CMYK78.68%56.85%0%22.75%
XYZ14.277811.018854.1868
Yxy11.01880.17960.1386
Hunter Lab33.194618.6861-73.5108
CIE-Lab39.612126.0861-62.6092
CIE-LCH39.612167.8262292.619
CIE-LUV39.6121-15.9156-91.9043

基数表記

BaseRedGreenBlue
Binary001010100101010111000101
Octal52125305
Decimal4285197
Hex2A55C5

RGB比率

Red
16%
Green
33%
Blue
77%

CMYK比率

Cyan
79%
Magenta
57%
Yellow
0%
Black
23%
調和

配色

#2A55C5 の色 黒背景

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

#2A55C5 の色 白背景

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

#2A55C5 CSSコード

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

アクセシビリティ

白とのコントラスト6.55:1AA
黒とのコントラスト3.2:1大きな文字
Webセーフカラー#3366CCNear
輝度0.11020-1
言語

Color names in other languages

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

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

Nearby palette

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

近い色

Similar colors

See 青系