DexBase Colors
#5570A0 の色 壁 #5570A0 Save image
色変換

色変換 for #5570A0 の色

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

色空間

RGB85112160
HSL218.4°30.61%48.04%
HSV218.4°46.88%62.75%
CMYK46.88%30%0%37.25%
XYZ15.883616.056735.5132
Yxy16.05670.23550.238
Hunter Lab40.07080.6308-24.4763
CIE-Lab47.04883.644-28.9654
CIE-LCH47.048829.1937277.1704
CIE-LUV47.0488-14.0344-43.1424

基数表記

BaseRedGreenBlue
Binary010101010111000010100000
Octal125160240
Decimal85112160
Hex5570A0

RGB比率

Red
33%
Green
44%
Blue
63%

CMYK比率

Cyan
47%
Magenta
30%
Yellow
0%
Black
37%
調和

配色

#5570A0 の色 黒背景

#5570A0 の色 サンプルテキスト

#5570A0 の色 白背景

#5570A0 の色 サンプルテキスト

#5570A0 CSSコード

.background { background-color: #5570A0; }
.text { color: #5570A0; }
.border { border: 3px solid #5570A0; }
.shadow { box-shadow: 0 8px 28px rgba(85, 112, 160, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト4.99:1AA
黒とのコントラスト4.21:1大きな文字
Webセーフカラー#666699Near
輝度0.16060-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #5570A0 の色.

#5570A0 の色ToolboxGamboge深い koamaru
近い色

Similar colors

See 青系
青 yonder Blue yonder #5072A7 青系 Ucla 青 UCLA Blue #536895 青系 Glaucous Glaucous #6082B6 青系 Shadow 青 Shadow blue #778BA5 青系 銀 lake 青 Silver Lake blue #5D89BA 青系 Queen 青 Queen blue #436B95 青系 Roman 銀 Roman silver #838996 グレー系 シアン azure Cyan azure #4E82B4 青系 B'dazzled 青 B'dazzled blue #2E5894 青系 Slate グレー Slate gray #708090 青系 シアン-青 azure Cyan-blue azure #4682BF 青系 Vista 青 Vista blue #7C9ED9 青系