DexBase Colors
#5A6895 の色 壁 #5A6895 Save image
色変換

色変換 for #5A6895 の色

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

色空間

RGB90104149
HSL225.76°24.69%46.86%
HSV225.76°39.6%58.43%
CMYK39.6%30.2%0%41.57%
XYZ14.589914.243530.4085
Yxy14.24350.24630.2404
Hunter Lab37.74062.9587-21.3343
CIE-Lab44.58016.5949-26.2814
CIE-LCH44.580127.0962284.0866
CIE-LUV44.5801-8.7872-38.8702

基数表記

BaseRedGreenBlue
Binary010110100110100010010101
Octal132150225
Decimal90104149
Hex5A6895

RGB比率

Red
35%
Green
41%
Blue
58%

CMYK比率

Cyan
40%
Magenta
30%
Yellow
0%
Black
42%
調和

配色

#5A6895 の色 黒背景

#5A6895 の色 サンプルテキスト

#5A6895 の色 白背景

#5A6895 の色 サンプルテキスト

#5A6895 CSSコード

.background { background-color: #5A6895; }
.text { color: #5A6895; }
.border { border: 3px solid #5A6895; }
.shadow { box-shadow: 0 8px 28px rgba(90, 104, 149, 0.35); }
CSSプレビュー

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #5A6895 の色.

#5A6895 の色Ube金色 poppyCyber grape
近い色

Similar colors

See 青系
Ucla 青 UCLA Blue #536895 青系 Cool グレー Cool grey #8C92AC 青系 グレー-青 Gray-blue #8C92AC 青系 Independence Independence #4C516D 青系 バイオレット-青 Violet-blue #324AB2 青系 青 yonder Blue yonder #5072A7 青系 Cerulean 青 Cerulean blue #2A52BE 青系 Roman 銀 Roman silver #838996 グレー系 Liberty Liberty #545AA7 青系 紫 navy Purple navy #4E5180 青系 Wild 青 yonder Wild blue yonder #A2ADD0 青系 Ceil Ceil #92A1CF 青系