DexBase Colors
#555A79 の色 壁 #555A79 Save image
色変換

色変換 for #555A79 の色

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

色空間

RGB8590121
HSL231.67°17.48%40.39%
HSV231.67°29.75%47.45%
CMYK29.75%25.62%0%52.55%
XYZ10.852710.623819.5642
Yxy10.62380.26440.2589
Hunter Lab32.59422.3939-12.7581
CIE-Lab38.93955.7615-18.1343
CIE-LCH38.939519.0276287.6257
CIE-LUV38.9395-4.147-25.629

基数表記

BaseRedGreenBlue
Binary010101010101101001111001
Octal125132171
Decimal8590121
Hex555A79

RGB比率

Red
33%
Green
35%
Blue
47%

CMYK比率

Cyan
30%
Magenta
26%
Yellow
0%
Black
53%
調和

配色

#555A79 の色 黒背景

#555A79 の色 サンプルテキスト

#555A79 の色 白背景

#555A79 の色 サンプルテキスト

#555A79 CSSコード

.background { background-color: #555A79; }
.text { color: #555A79; }
.border { border: 3px solid #555A79; }
.shadow { box-shadow: 0 8px 28px rgba(85, 90, 121, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト6.72:1AA
黒とのコントラスト3.12:1大きな文字
Webセーフカラー#666666Near
輝度0.10620-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #555A79 の色.

#555A79 の色Middle 青 紫Spanish bistreラベンダー 紫
近い色

Similar colors

See 青系
Independence Independence #4C516D 青系 紫 navy Purple navy #4E5180 青系 Liberty Liberty #545AA7 青系 Cool グレー Cool grey #8C92AC 青系 グレー-青 Gray-blue #8C92AC 青系 Manatee Manatee #979AAA グレー系 暗い 青-グレー Dark blue-gray #666699 青系 Middle 黄 赤 Middle Yellow Red #ECB176 青系 バイオレット-青 Violet-blue #324AB2 青系 青 (pigment) Blue (pigment) #333399 青系 深い koamaru Deep koamaru #333366 青系 Ucla 青 UCLA Blue #536895 青系