HEX Color #57A8D3 (Lightskyblue)

About #57A8D3

At its core, #57A8D3 is a medium and moderate hue. It is closely associated with the named CSS color Lightskyblue. This translates to an RGB value of rgb(87, 168, 211).

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 59% cyan and 20% magenta inks. With a hue angle of 200.8 degrees, it sits comfortably in the blue spectrum.

Ensuring your text is legible against this background is a key part of web design. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#57A8D3

RGB87, 168, 211

HSL200.8°, 58.5%, 58.4%

CMYK59%, 20%, 0%, 17%

HSV200.8°, 58.8%, 82.7%

LAB65.5, -12.2, -29.3

XYZ29.7, 34.7, 66.8

Decimal5744851

Color Harmonies

Complementary

#57A8D3 #D38156

Analogous

#56D3BF #5669D3

Triadic

#D356A8 #A8D356

Tetradic

#BF56D3 #D38156 #6AD356

Tints, Shades & Tones

Tints (Adding White)

#57A8D3

#69B1D7

#7CBBDC

#8FC5E1

#A1CEE6

#B4D8EB

#C7E2F0

#D9EBF5

#ECF5FA

#FFFFFF

Shades (Adding Black)

#57A8D3

#4D95BB

#4382A4

#3A708C

#305D75

#264A5D

#1D3846

#13252E

#091217

#000000

WCAG Contrast Accessibility

2.64:1

Text on #FFFFFF

FAIL

7.95:1

Text on #000000

AAA

2.53:1

Text on #F8FAFC

FAIL

6.76:1

Text on #0F172A

AA

CSS Implementation

.bg-color { background-color: #57A8D3; }

.text-color { color: #57A8D3; }

.border-color { border: 2px solid #57A8D3; }

Similar Colors

Lightskyblue

#87CEFA