HEX Color #50C5F0 (Lightskyblue)

About #50C5F0

When working with digital screens, the color #50C5F0 is rendered by mixing light. Its closest recognized web color is Lightskyblue. To achieve this exact tint on a monitor, you would use an RGB mix of 80, 197, and 240.

Translating this color to physical media requires the CMYK color model. The color uses 67% Cyan, 18% Magenta, 0% Yellow, and 6% Black. With a hue angle of 196.1 degrees, it sits comfortably in the blue spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#50C5F0

RGB80, 197, 240

HSL196.1°, 84.2%, 62.7%

CMYK67%, 18%, 0%, 6%

HSV196.1°, 66.7%, 94.1%

LAB74.8, -19.7, -30.9

XYZ39.0, 47.9, 89.6

Decimal5293552

Color Harmonies

Complementary

#50C5F0 #F07B50

Analogous

#50F0CB #5074F0

Triadic

#F050C4 #C4F050

Tetradic

#CB50F0 #F07B50 #74F050

Tints, Shades & Tones

Tints (Adding White)

#50C5F0

#63CBF1

#76D1F3

#8AD8F5

#9DDEF6

#B1E5F8

#C4EBFA

#D8F2FB

#EBF8FD

#FFFFFF

Shades (Adding Black)

#50C5F0

#47AFD5

#3E99BA

#3583A0

#2C6D85

#23576A

#1A4150

#112B35

#08151A

#000000

WCAG Contrast Accessibility

1.98:1

Text on #FFFFFF

FAIL

10.59:1

Text on #000000

AAA

1.90:1

Text on #F8FAFC

FAIL

9.00:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #50C5F0; }

.text-color { color: #50C5F0; }

.border-color { border: 2px solid #50C5F0; }

Similar Colors

Lightskyblue

#87CEFA