#57AFD3

A medium, moderate blue closely aligning with Skyblue.

About #57AFD3

Visually, #57AFD3 is defined as a moderate blue. Designers often compare it to the standard color Skyblue. To achieve this exact tint on a monitor, you would use an RGB mix of 87, 175, and 211.

If you are designing for print, the four-color process is what matters most. The color uses 59% Cyan, 17% Magenta, 0% Yellow, and 17% Black. This makes it a relatively light color when applied to physical surfaces.

Contrast ratios determine whether this color is safe for typography. To prevent eye strain, #000000 text pairs best with this hex code. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#57AFD3
RGB87, 175, 211
HSL197.4°, 58.5%, 58.4%
CMYK59%, 17%, 0%, 17%
HSV197.4°, 58.8%, 82.7%
LAB67.6, -16.0, -26.2
XYZ31.0, 37.4, 67.2
Decimal5746643

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

2.48:1
Text on #FFFFFF
FAIL
8.48:1
Text on #000000
AAA
2.37:1
Text on #F8FAFC
FAIL
7.21:1
Text on #0F172A
AAA

CSS Implementation

.bg-color { background-color: #57AFD3; }
.text-color { color: #57AFD3; }
.border-color { border: 2px solid #57AFD3; }

Similar Colors

Skyblue
#87CEEB