DexBase Colors
#577EE2 の色 壁 #577EE2 Save image
色変換

色変換 for #577EE2 の色

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

色空間

RGB87126226
HSL223.17°70.56%61.37%
HSV223.17°61.5%88.63%
CMYK61.5%44.25%0%11.37%
XYZ25.114122.436774.944
Yxy22.43670.2050.1832
Hunter Lab47.367411.7467-60.6139
CIE-Lab54.487317.0212-55.0559
CIE-LCH54.487357.627287.1796
CIE-LUV54.4873-18.8117-87.8598

基数表記

BaseRedGreenBlue
Binary010101110111111011100010
Octal127176342
Decimal87126226
Hex577EE2

RGB比率

Red
34%
Green
49%
Blue
89%

CMYK比率

Cyan
62%
Magenta
44%
Yellow
0%
Black
11%
調和

配色

#577EE2 の色 黒背景

#577EE2 の色 サンプルテキスト

#577EE2 の色 白背景

#577EE2 の色 サンプルテキスト

#577EE2 CSSコード

.background { background-color: #577EE2; }
.text { color: #577EE2; }
.border { border: 3px solid #577EE2; }
.shadow { box-shadow: 0 8px 28px rgba(87, 126, 226, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト3.83:1大きな文字
黒とのコントラスト5.49:1AA
Webセーフカラー#6666CCNear
輝度0.22440-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #577EE2 の色.

#577EE2 の色Medium slate 青SunglowPersian indigo
近い色

Similar colors

See 青系
ロイヤル 青 Royal blue #4169E1 青系 Han 青 Han blue #446CCF 青系 New car New Car #214FC6 青系 Cornflower 青 Cornflower blue #6495ED 青系 United nations 青 United Nations blue #5B92E5 青系 Blueberry Blueberry #4F86F7 青系 Cerulean 青 Cerulean blue #2A52BE 青系 Ultramarine 青 Ultramarine blue #4166F5 青系 Vista 青 Vista blue #7C9ED9 青系 青 (ryb) Blue (RYB) #0247FE 青系 Denim 青 Denim Blue #2243B6 青系 Ceil Ceil #92A1CF 青系