HEX Color #7CC5F8 (Lightskyblue)

About #7CC5F8

At its core, #7CC5F8 is a light and vivid hue. If you're using CSS, you might find it aligns closely with Lightskyblue. To achieve this exact tint on a monitor, you would use an RGB mix of 124, 197, and 248.

When sending designs containing this color to a printer, the CMYK values come into play. Its ink density profile breaks down to 50% cyan, 21% magenta, 0% yellow, and 3% black. The HSL representation is 204.7° hue, 89.9% saturation, and 72.9% lightness.

From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#7CC5F8

RGB124, 197, 248

HSL204.7°, 89.9%, 72.9%

CMYK50%, 21%, 0%, 3%

HSV204.7°, 50.0%, 97.3%

LAB76.7, -9.1, -32.2

XYZ45.2, 51.0, 96.3

Decimal8177144

Color Harmonies

Complementary

#7CC5F8 #F8AE7B

Analogous

#7BF8EC #7B86F8

Triadic

#F87BC5 #C5F87B

Tetradic

#EC7BF8 #F8AE7B #87F87B

Tints, Shades & Tones

Tints (Adding White)

#7CC5F8

#8ACBF8

#99D1F9

#A7D8FA

#B6DEFB

#C4E5FB

#D3EBFC

#E1F2FD

#F0F8FE

#FFFFFF

Shades (Adding Black)

#7CC5F8

#6EAFDC

#6099C0

#5283A5

#446D89

#37576E

#294152

#1B2B37

#0D151B

#000000

WCAG Contrast Accessibility

1.88:1

Text on #FFFFFF

FAIL

11.20:1

Text on #000000

AAA

1.79:1

Text on #F8FAFC

FAIL

9.52:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #7CC5F8; }

.text-color { color: #7CC5F8; }

.border-color { border: 2px solid #7CC5F8; }

Similar Colors

Lightskyblue

#87CEFA