Maroon Colors  ·  Color Library

Palettes / Colors / #EAAAAF

#EAAAAF — Light Red

#EAAAAF is a red color we call Light Red, closest to the named color LightPink (#FFB6C1). It belongs to the red family.

#EAAAAF is a warm red color associated with energy, passion and urgency. It is light enough to work as a background or base color, with darker text on top.

Its strongest partner is its complement #A9EAE4; it also sits naturally between #EAA9CF and #EAC4A9. In the palettes below you can see it working alongside real color combinations from our collection.

#EAAAAF · RGB 234, 170, 175

Download PNG swatch SVG

Color values

HEX#EAAAAF
RGB234, 170, 175
HSL355°, 60%, 79%
HSV355°, 27%, 92%
CMYK0%, 27%, 25%, 8%
XYZ56.04, 49.34, 47.13
Yxy49.34, 0.3675, 0.3235
CIE-Lab75.66, 24.19, 6.75
Hunter Lab70.24, 23.62, 5.78

RGB & CMYK percentages

Red 92% · Green 67% · Blue 69%

Cyan 0% · Magenta 27% · Yellow 25% · Key 8%

CMYK values are unprofiled approximations for screen reference — not a print-proofing guarantee.

Previews

Sample text in #EAAAAF on black
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sample text in #EAAAAF on white
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS code for #EAAAAF

.text { color: #EAAAAF; }
.background { background-color: #EAAAAF; }
.border { border: 3px solid #EAAAAF; }
.text-rgb { color: rgb(234, 170, 175); }
.text-hsl { color: hsl(355, 60%, 79%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #EAAAAF; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(234, 170, 175, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #EAAAAF; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(234, 170, 175, 0.8); }

HTML: <p style="color:#EAAAAF">Text here</p> · <div style="background-color:#EAAAAF">Div content here</div>

Shades of #EAAAAF

#E28D94#DA6C75#D3505B#C8323E#AB2B36#8B232B#6E1C22#4E1318#310C0F#100405

Tints of #EAAAAF

#ECB1B6#EDB6BA#EFBEC2#F1C6C9#F3CED1#F4D2D5#F6DADD#F8E2E4#F9E7E8#FBEFF0

Tones of #EAAAAF

#E5AEB3#E0B2B6#DCB7BA#D7BCBE#D3C0C2#CEC5C5

Color harmonies

Complementary — #A9EAE4:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.93:1 Fails
Against black text10.87:1 AAA

Best text color on #EAAAAF: #000000.

How #EAAAAF looks with color blindness

Simulated with standard Machado color-vision-deficiency matrices — useful when this color carries meaning in charts, maps or interfaces:

Protanopia · #CECEAEDeuteranopia · #D2D7AETritanopia · #E7ADAD

Closest design-system colors

The nearest matches in the Tailwind CSS, Material Design and Bootstrap palettes — handy when you need a framework class instead of a raw hex:

Material Grey 500 · #9E9E9ETailwind pink 500 · #EC4899Bootstrap light · #F8F9FA

Palettes with a similar color

These palettes use a close neighbour of #EAAAAF rather than the exact color:

Smoky Ruby Petal
#981630 · #67E549 · #2045DC · #EAAAB1
Tender Meadow
#3E278D · #A437C6 · #D978BC · #E7A8B2
Honey Ruby Meadow
#179A8D · #37E2C2 · #D51F31 · #EDADAD
Palette Eaafaf
#EAAFAF · #A2738C · #645C84 · #427996
Scarlet Garden
#EAAEB3 · #C7333F · #9B313A · #772229
Palette 9cf196
#9CF196 · #ECEBA7 · #EBCE95 · #EDAAAA

Similar colors

The closest colors that actually appear in our palette collection — click any to open its page:

#EAAAB1#E7A8B2#EDADAD#EAAFAF#EAAEB3#EDAAAA#ECAFAC#EDB1AE#EAB1B3#E8A9B7#E4AFB2#EDA9B7

Browse neighbouring colors

← #EAAAAE  ·  #EAAAB0 →

Frequently asked questions

What color is #EAAAAF?

#EAAAAF is Light Red, a red color (RGB 234, 170, 175). Its closest standard named color is LightPink.

What is the RGB and HSL of #EAAAAF?

#EAAAAF is RGB 234, 170, 175 — HSL 355°, 60%, 79% — CMYK 0%, 27%, 25%, 8%.

What colors go with #EAAAAF?

Its complement is #A9EAE4; analogous partners are #EAA9CF and #EAC4A9. It also appears in 6+ palettes in our collection.

Can I use #EAAAAF for text?

Black text on #EAAAAF has a contrast ratio of 10.87:1 (passes WCAG AA); white text gives 1.93:1.