DexBase Colors
#576BB1 の色 壁 #576BB1 Save image
色変換

色変換 for #576BB1 の色

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

色空間

RGB87107177
HSL226.67°36.59%51.76%
HSV226.67°50.85%69.41%
CMYK50.85%39.55%0%30.59%
XYZ17.121415.714843.7175
Yxy15.71480.22370.2053
Hunter Lab39.64197.7205-37.6107
CIE-Lab46.598112.5627-39.6186
CIE-LCH46.598141.5627287.5934
CIE-LUV46.5981-11.8066-60.5876

基数表記

BaseRedGreenBlue
Binary010101110110101110110001
Octal127153261
Decimal87107177
Hex576BB1

RGB比率

Red
34%
Green
42%
Blue
69%

CMYK比率

Cyan
51%
Magenta
40%
Yellow
0%
Black
31%
調和

配色

#576BB1 の色 黒背景

#576BB1 の色 サンプルテキスト

#576BB1 の色 白背景

#576BB1 の色 サンプルテキスト

#576BB1 CSSコード

.background { background-color: #576BB1; }
.text { color: #576BB1; }
.border { border: 3px solid #576BB1; }
.shadow { box-shadow: 0 8px 28px rgba(87, 107, 177, 0.35); }
CSSプレビュー

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #576BB1 の色.

#576BB1 の色Ube深い lemon明るい pastel 紫
近い色

Similar colors

See 青系
バイオレット-青 Violet-blue #324AB2 青系 Ceil Ceil #92A1CF 青系 Han 青 Han blue #446CCF 青系 Ucla 青 UCLA Blue #536895 青系 Cool グレー Cool grey #8C92AC 青系 グレー-青 Gray-blue #8C92AC 青系 Wild 青 yonder Wild blue yonder #A2ADD0 青系 Liberty Liberty #545AA7 青系 青 yonder Blue yonder #5072A7 青系 Glaucous Glaucous #6082B6 青系 Denim 青 Denim Blue #2243B6 青系 Cerulean 青 Cerulean blue #2A52BE 青系