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

色変換 for #5F70A0 の色

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

色空間

RGB95112160
HSL224.31°25.49%50%
HSV224.31°40.63%62.75%
CMYK40.63%30%0%37.25%
XYZ16.856716.558535.5588
Yxy16.55850.24440.2401
Hunter Lab40.69212.7317-23.3057
CIE-Lab47.69896.3551-27.9035
CIE-LCH47.698928.618282.8304
CIE-LUV47.6989-10.2571-41.9371

基数表記

BaseRedGreenBlue
Binary010111110111000010100000
Octal137160240
Decimal95112160
Hex5F70A0

RGB比率

Red
37%
Green
44%
Blue
63%

CMYK比率

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

配色

#5F70A0 の色 黒背景

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

#5F70A0 の色 白背景

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

#5F70A0 CSSコード

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

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

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

#5F70A0 の色UbeSelective 黄ラベンダー グレー
近い色

Similar colors

See 青系
Ucla 青 UCLA Blue #536895 青系 Roman 銀 Roman silver #838996 グレー系 青 yonder Blue yonder #5072A7 青系 Han 青 Han blue #446CCF 青系 Cerulean 青 Cerulean blue #2A52BE 青系 Cool グレー Cool grey #8C92AC 青系 グレー-青 Gray-blue #8C92AC 青系 Ceil Ceil #92A1CF 青系 Glaucous Glaucous #6082B6 青系 Shadow 青 Shadow blue #778BA5 青系 Wild 青 yonder Wild blue yonder #A2ADD0 青系 Liberty Liberty #545AA7 青系