HEX Color #99A8F8 (Cornflowerblue)

About #99A8F8

The precise color #99A8F8 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Cornflowerblue. To achieve this exact tint on a monitor, you would use an RGB mix of 153, 168, and 248.

If you are designing for print, the four-color process is what matters most. Its ink density profile breaks down to 38% cyan, 32% magenta, 0% yellow, and 3% black. The HSL representation is 230.5° hue, 87.2% saturation, and 78.6% lightness.

Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #000000 typography is the safest choice. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#99A8F8

RGB153, 168, 248

HSL230.5°, 87.2%, 78.6%

CMYK38%, 32%, 0%, 3%

HSV230.5°, 38.3%, 97.3%

LAB70.6, 13.9, -41.5

XYZ44.1, 41.6, 94.5

Decimal10070264

Color Harmonies

Complementary

#99A8F8 #F8E898

Analogous

#98D7F8 #B998F8

Triadic

#F898A7 #A8F898

Tetradic

#F898D7 #F8E898 #98F8B9

Tints, Shades & Tones

Tints (Adding White)

#99A8F8

#A4B1F8

#AFBBF9

#BBC5FA

#C6CEFB

#D1D8FB

#DDE2FC

#E8EBFD

#F3F5FE

#FFFFFF

Shades (Adding Black)

#99A8F8

#8895DC

#7782C0

#6670A5

#555D89

#444A6E

#333852

#222537

#11121B

#000000

WCAG Contrast Accessibility

2.26:1

Text on #FFFFFF

FAIL

9.31:1

Text on #000000

AAA

2.16:1

Text on #F8FAFC

FAIL

7.92:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Cornflowerblue

#6495ED