HEX Color #9999E2 (Cornflowerblue)

About #9999E2

The precise color #9999E2 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, 153, and 226.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). This specific hue requires a mix of 32% C, 32% M, 0% Y, and 11% K. The HSL representation is 240.0° hue, 55.7% saturation, and 74.3% lightness.

Contrast ratios determine whether this color is safe for typography. The calculated luminance score dictates that #000000 typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#9999E2

RGB153, 153, 226

HSL240.0°, 55.7%, 74.3%

CMYK32%, 32%, 0%, 11%

HSV240.0°, 32.3%, 88.6%

LAB65.8, 16.6, -36.9

XYZ38.3, 35.0, 76.7

Decimal10066402

Color Harmonies

Complementary

#9999E2 #E2E299

Analogous

#99BDE2 #BD99E2

Triadic

#E29999 #99E299

Tetradic

#E299BD #E2E299 #99E2BD

Tints, Shades & Tones

Tints (Adding White)

#9999E2

#A4A4E5

#AFAFE8

#BBBBEB

#C6C6EE

#D1D1F2

#DDDDF5

#E8E8F8

#F3F3FB

#FFFFFF

Shades (Adding Black)

#9999E2

#8888C8

#7777AF

#666696

#55557D

#444464

#33334B

#222232

#111119

#000000

WCAG Contrast Accessibility

2.62:1

Text on #FFFFFF

FAIL

8.01:1

Text on #000000

AAA

2.51:1

Text on #F8FAFC

FAIL

6.81:1

Text on #0F172A

AA

CSS Implementation

.bg-color { background-color: #9999E2; }

.text-color { color: #9999E2; }

.border-color { border: 2px solid #9999E2; }

Similar Colors

Cornflowerblue

#6495ED