HEX Color #E299A8 (Lightpink)

About #E299A8

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

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 0% cyan and 32% magenta inks. Always request a physical proof before doing a large print run with this exact code.

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. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#E299A8

RGB226, 153, 168

HSL347.7°, 55.7%, 74.3%

CMYK0%, 32%, 26%, 11%

HSV347.7°, 32.3%, 88.6%

LAB70.7, 29.4, 3.4

XYZ49.8, 41.8, 42.5

Decimal14850472

Color Harmonies

Complementary

#E299A8 #99E2D3

Analogous

#E299CC #E2AE99

Triadic

#A8E299 #99A7E2

Tetradic

#CCE299 #99E2D3 #AE99E2

Tints, Shades & Tones

Tints (Adding White)

#E299A8

#E5A4B1

#E8AFBB

#EBBBC5

#EEC6CE

#F2D1D8

#F5DDE2

#F8E8EB

#FBF3F5

#FFFFFF

Shades (Adding Black)

#E299A8

#C88895

#AF7782

#966670

#7D555D

#64444A

#4B3338

#322225

#191112

#000000

WCAG Contrast Accessibility

2.24:1

Text on #FFFFFF

FAIL

9.36:1

Text on #000000

AAA

2.15:1

Text on #F8FAFC

FAIL

7.95:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #E299A8; }

.text-color { color: #E299A8; }

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

Similar Colors

Lightpink

#FFB6C1