DexBase Colors
#757EA2 の色 壁 #757EA2 Save image
色変換

色変換 for #757EA2 の色

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

色空間

RGB117126162
HSL228°19.48%54.71%
HSV228°27.78%63.53%
CMYK27.78%22.22%0%36.47%
XYZ21.316821.311637.1658
Yxy21.31160.26710.2671
Hunter Lab46.16451.6352-15.399
CIE-Lab53.28885.1249-20.3098
CIE-LCH53.288820.9464284.1622
CIE-LUV53.2888-6.5113-30.7917

基数表記

BaseRedGreenBlue
Binary011101010111111010100010
Octal165176242
Decimal117126162
Hex757EA2

RGB比率

Red
46%
Green
49%
Blue
64%

CMYK比率

Cyan
28%
Magenta
22%
Yellow
0%
Black
36%
調和

配色

#757EA2 の色 黒背景

#757EA2 の色 サンプルテキスト

#757EA2 の色 白背景

#757EA2 の色 サンプルテキスト

#757EA2 CSSコード

.background { background-color: #757EA2; }
.text { color: #757EA2; }
.border { border: 3px solid #757EA2; }
.shadow { box-shadow: 0 8px 28px rgba(117, 126, 162, 0.35); }
CSSプレビュー

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #757EA2 の色.

#757EA2 の色Ube深い lemon明るい pastel 紫
近い色

Similar colors

See 青系
Cool グレー Cool grey #8C92AC 青系 グレー-青 Gray-blue #8C92AC 青系 Manatee Manatee #979AAA グレー系 Roman 銀 Roman silver #838996 グレー系 Independence Independence #4C516D 青系 Ucla 青 UCLA Blue #536895 青系 Wild 青 yonder Wild blue yonder #A2ADD0 青系 Ceil Ceil #92A1CF 青系 Liberty Liberty #545AA7 青系 暗い 青-グレー Dark blue-gray #666699 青系 バイオレット-青 Violet-blue #324AB2 青系 Shadow 青 Shadow blue #778BA5 青系