DexBase Colors
#657BA1 の色 壁 #657BA1 Save image
色変換

色変換 for #657BA1 の色

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

色空間

RGB101123161
HSL218°24.19%51.37%
HSV218°37.27%63.14%
CMYK37.27%23.6%0%36.86%
XYZ18.880819.504936.4813
Yxy19.50490.25220.2605
Hunter Lab44.1644-0.9773-18.0414
CIE-Lab51.27281.7721-22.9225
CIE-LCH51.272822.9909274.4206
CIE-LUV51.2728-12.2687-34.1712

基数表記

BaseRedGreenBlue
Binary011001010111101110100001
Octal145173241
Decimal101123161
Hex657BA1

RGB比率

Red
40%
Green
48%
Blue
63%

CMYK比率

Cyan
37%
Magenta
24%
Yellow
0%
Black
37%
調和

配色

#657BA1 の色 黒背景

#657BA1 の色 サンプルテキスト

#657BA1 の色 白背景

#657BA1 の色 サンプルテキスト

#657BA1 CSSコード

.background { background-color: #657BA1; }
.text { color: #657BA1; }
.border { border: 3px solid #657BA1; }
.shadow { box-shadow: 0 8px 28px rgba(101, 123, 161, 0.35); }
CSSプレビュー

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #657BA1 の色.

#657BA1 の色ラベンダー グレー暗い tangerineRhythm
近い色

Similar colors

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