HEX Color #57AFE2 (Deepskyblue)

About #57AFE2

The hex code #57AFE2 represents a beautifully specific shade of blue. If you're using CSS, you might find it aligns closely with Deepskyblue. To achieve this exact tint on a monitor, you would use an RGB mix of 87, 175, and 226.

Translating this color to physical media requires the CMYK color model. The color uses 62% Cyan, 23% Magenta, 0% Yellow, and 11% Black. Always request a physical proof before doing a large print run with this exact code.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #000000 typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#57AFE2

RGB87, 175, 226

HSL202.0°, 70.6%, 61.4%

CMYK62%, 23%, 0%, 11%

HSV202.0°, 61.5%, 88.6%

LAB68.2, -11.3, -33.5

XYZ33.0, 38.2, 77.6

Decimal5746658

Color Harmonies

Complementary

#57AFE2 #E18957

Analogous

#57E1CF #5769E1

Triadic

#E157AE #AFE157

Tetradic

#CF57E1 #E18957 #69E157

Tints, Shades & Tones

Tints (Adding White)

#57AFE2

#69B7E5

#7CC0E8

#8FC9EB

#A1D2EE

#B4DBF2

#C7E4F5

#D9EDF8

#ECF6FB

#FFFFFF

Shades (Adding Black)

#57AFE2

#4D9BC8

#4388AF

#3A7496

#30617D

#264D64

#1D3A4B

#132632

#091319

#000000

WCAG Contrast Accessibility

2.43:1

Text on #FFFFFF

FAIL

8.64:1

Text on #000000

AAA

2.32:1

Text on #F8FAFC

FAIL

7.34:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Deepskyblue

#00BFFF