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

色変換 for #555C79 の色

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

色空間

RGB8592121
HSL228.33°17.48%40.39%
HSV228.33°29.75%47.45%
CMYK29.75%23.97%0%52.55%
XYZ11.023710.965719.6212
Yxy10.96570.26490.2635
Hunter Lab33.11451.4712-11.937
CIE-Lab39.52264.5153-17.2384
CIE-LCH39.522617.8199284.6779
CIE-LUV39.5226-4.9839-24.2765

基数表記

BaseRedGreenBlue
Binary010101010101110001111001
Octal125134171
Decimal8592121
Hex555C79

RGB比率

Red
33%
Green
36%
Blue
47%

CMYK比率

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

配色

#555C79 の色 黒背景

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

#555C79 の色 白背景

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

#555C79 CSSコード

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

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

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

#555C79 の色Ube鮮やかな amberPlump 紫
近い色

Similar colors

See 青系
Independence Independence #4C516D 青系 紫 navy Purple navy #4E5180 青系 Cool グレー Cool grey #8C92AC 青系 グレー-青 Gray-blue #8C92AC 青系 Ucla 青 UCLA Blue #536895 青系 バイオレット-青 Violet-blue #324AB2 青系 Manatee Manatee #979AAA グレー系 Denim 青 Denim Blue #2243B6 青系 Roman 銀 Roman silver #838996 グレー系 Liberty Liberty #545AA7 青系 Persian 青 Persian blue #1C39BB 青系 暗い 青-グレー Dark blue-gray #666699 青系