DexBase Colors
#57A2D5 の色 壁 #57A2D5 Save image
色変換

色変換 for #57A2D5 の色

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

色空間

RGB87162213
HSL204.29°60%58.82%
HSV204.29°59.15%83.53%
CMYK59.15%23.94%0%16.47%
XYZ28.856632.668367.7228
Yxy32.66830.22330.2528
Hunter Lab57.1562-9.9043-30.2143
CIE-Lab63.8914-8.3083-32.9777
CIE-LCH63.891434.0082255.8594
CIE-LUV63.8914-31.5461-50.7835

基数表記

BaseRedGreenBlue
Binary010101111010001011010101
Octal127242325
Decimal87162213
Hex57A2D5

RGB比率

Red
34%
Green
64%
Blue
84%

CMYK比率

Cyan
59%
Magenta
24%
Yellow
0%
Black
16%
調和

配色

#57A2D5 の色 黒背景

#57A2D5 の色 サンプルテキスト

#57A2D5 の色 白背景

#57A2D5 の色 サンプルテキスト

#57A2D5 CSSコード

.background { background-color: #57A2D5; }
.text { color: #57A2D5; }
.border { border: 3px solid #57A2D5; }
.shadow { box-shadow: 0 8px 28px rgba(87, 162, 213, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト2.79:1低い
黒とのコントラスト7.53:1AAA
Webセーフカラー#6699CCNear
輝度0.32670-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #57A2D5 の色.

#57A2D5 の色GlitterRaw siennaPersian 青
近い色

Similar colors

See 青系
Carolina 青 Carolina blue #56A0D3 青系 Celestial 青 Celestial blue #4997D0 青系 Air superiority 青 Air superiority blue #72A0C1 青系 Iceberg Iceberg #71A6D2 青系 Picton 青 Picton blue #45B1E8 青系 青-グレー Blue-gray #6699CC 青系 Cerulean frost Cerulean frost #6D9BC3 青系 Livid Livid #6699CC 青系 淡い cerulean Pale cerulean #9BC4E2 青系 Aero Aero #7CB9E8 青系 青 jeans Blue Jeans #5DADEC 青系 Weldon 青 Weldon Blue #7C98AB 青系