HEX Color #99CCF8 (Lightskyblue)

About #99CCF8

At its core, #99CCF8 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 153, 204, and 248.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 38% cyan and 18% magenta inks. Always request a physical proof before doing a large print run with this exact code.

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. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#99CCF8

RGB153, 204, 248

HSL207.8°, 87.2%, 78.6%

CMYK38%, 18%, 0%, 3%

HSV207.8°, 38.3%, 97.3%

LAB80.0, -5.8, -26.9

XYZ51.7, 56.7, 97.0

Decimal10079480

Color Harmonies

Complementary

#99CCF8 #F8C498

Analogous

#98F8F4 #989CF8

Triadic

#F898CB #CBF898

Tetradic

#F498F8 #F8C498 #9CF898

Tints, Shades & Tones

Tints (Adding White)

#99CCF8

#A4D1F8

#AFD7F9

#BBDDFA

#C6E2FB

#D1E8FB

#DDEEFC

#E8F3FD

#F3F9FE

#FFFFFF

Shades (Adding Black)

#99CCF8

#88B5DC

#779EC0

#6688A5

#557189

#445A6E

#334452

#222D37

#11161B

#000000

WCAG Contrast Accessibility

1.70:1

Text on #FFFFFF

FAIL

12.35:1

Text on #000000

AAA

1.63:1

Text on #F8FAFC

FAIL

10.50:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #99CCF8; }

.text-color { color: #99CCF8; }

.border-color { border: 2px solid #99CCF8; }

Similar Colors

Lightskyblue

#87CEFA