DexBase Colors
#5561BA の色 壁 #5561BA Save image
色変換

色変換 for #5561BA の色

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

色空間

RGB8597186
HSL232.87°42.26%53.14%
HSV232.87°54.3%72.94%
CMYK54.3%47.85%0%27.06%
XYZ16.881114.024748.2623
Yxy14.02470.21320.1772
Hunter Lab37.449614.9249-50.1641
CIE-Lab44.268321.2774-48.5807
CIE-LCH44.268353.036293.6525
CIE-LUV44.2683-9.4043-74.2749

基数表記

BaseRedGreenBlue
Binary010101010110000110111010
Octal125141272
Decimal8597186
Hex5561BA

RGB比率

Red
33%
Green
38%
Blue
73%

CMYK比率

Cyan
54%
Magenta
48%
Yellow
0%
Black
27%
調和

配色

#5561BA の色 黒背景

#5561BA の色 サンプルテキスト

#5561BA の色 白背景

#5561BA の色 サンプルテキスト

#5561BA CSSコード

.background { background-color: #5561BA; }
.text { color: #5561BA; }
.border { border: 3px solid #5561BA; }
.shadow { box-shadow: 0 8px 28px rgba(85, 97, 186, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト5.52:1AA
黒とのコントラスト3.81:1大きな文字
Webセーフカラー#6666CCNear
輝度0.14030-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #5561BA の色.

#5561BA の色明るい pastel 紫鮮やかな 黄暗い pastel 紫
近い色

Similar colors

See 青系
Liberty Liberty #545AA7 青系 Middle 黄 赤 Middle Yellow Red #ECB176 青系 Palatinate 青 Palatinate blue #273BE2 青系 バイオレット-青 Violet-blue #324AB2 青系 紫 navy Purple navy #4E5180 青系 暗い 青-グレー Dark blue-gray #666699 青系 Cool グレー Cool grey #8C92AC 青系 グレー-青 Gray-blue #8C92AC 青系 Manatee Manatee #979AAA グレー系 青 (pigment) Blue (pigment) #333399 青系 Han 青 Han blue #446CCF 青系 Independence Independence #4C516D 青系