Maroon Colors  ·  Color Library

Palettes / Colors / #EAABA8

#EAABA8 — Light Red

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

Color name

Closest CSS keyword: lightpink (#FFB6C1) — not an exact match. CSS lightpink gives you #FFB6C1, a different color; use #EAABA8 when you need this exact shade.

Sources: common names follow widely used color-name references; CSS keywords and their hex values follow the CSS Color specification.

#EAABA8 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 #A9E7EA; it also sits naturally between #EAA9C6 and #EACDA9. In the palettes below you can see it working alongside real color combinations from our collection.

#EAABA8 · RGB 234, 171, 168

Download PNG swatch SVG

Color values

HEX#EAABA8
RGB234, 171, 168
HSL3°, 61%, 79%
HSV3°, 28%, 92%
CMYK0%, 27%, 28%, 8%
XYZ55.56, 49.45, 43.66
Yxy49.45, 0.3737, 0.3326
CIE-Lab75.73, 22.69, 10.67
Hunter Lab70.32, 22.09, 8.91

RGB & CMYK percentages

Red 92% · Green 67% · Blue 66%

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

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

Previews

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

CSS code for #EAABA8

.text { color: #EAABA8; }
.background { background-color: #EAABA8; }
.border { border: 3px solid #EAABA8; }
.text-rgb { color: rgb(234, 171, 168); }
.text-hsl { color: hsl(3, 61%, 79%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #EAABA8; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(234, 171, 168, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #EAABA8; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(234, 171, 168, 0.8); }

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

Shades of #EAABA8

#E3908C#DB716B#D4554E#C93831#AC302A#8C2722#6F1F1B#4E1613#310E0C#100504

Tints of #EAABA8

#ECB4B1#EDB8B5#EFC0BD#F1C8C6#F3D0CE#F4D4D2#F6DBDA#F8E3E2#F9E7E6#FBEFEF

Tones of #EAABA8

#E5B0AE#E1B4B2#DCB9B7#D7BDBC#D3C1C0#CEC5C5

Color harmonies

Complementary — #A9E7EA:

Analogous:

Triadic:

Contrast & accessibility

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

Best text color on #EAABA8: #000000.

Semi-transparent (opacity) text on #EAABA8

Text set with opacity blends into the background, so its real contrast is lower than the solid ratios above. Choose a text color and an opacity to see the blended color and its true ratio:

100%
Sample heading text
Smaller body text shows the effect best.

Blended color: · Contrast against #EAABA8: ·

How #EAABA8 looks with color blindness

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

Protanopia · #CFCEA9Deuteranopia · #D2D7A9Tritanopia · #E7A9A9

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 #EAABA8 rather than the exact color:

Palette 9cf196
#9CF196 · #ECEBA7 · #EBCE95 · #EDAAAA
Palette 1f1d36
#1F1D36 · #3F3351 · #864879 · #E9A6A6
Palette E2dea9
#E2DEA9 · #D18CE0 · #ECA6A6 · #EEEEEE
Royal Ember
#F2C4EE · #ECAFAC · #F4F4DF · #BDF1BB
Honey Ruby Meadow
#179A8D · #37E2C2 · #D51F31 · #EDADAD
Palette 8e7ab5
#8E7AB5 · #B784B7 · #E493B3 · #EEA5A6

Similar colors

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

#EDAAAA#E9A6A6#ECA6A6#ECAFAC#EDADAD#EEA5A6#EAB1A3#EFB1A9#EAAFAF#F2AAAA#E7B3A8#EDB1AE

Browse neighbouring colors

← #EAABA7  ·  #EAABA9 →

Frequently asked questions

What color is #EAABA8?

#EAABA8 is Light Red, a red color (RGB 234, 171, 168). Its closest standard named color is LightPink.

What is the RGB and HSL of #EAABA8?

#EAABA8 is RGB 234, 171, 168 — HSL 3°, 61%, 79% — CMYK 0%, 27%, 28%, 8%.

What colors go with #EAABA8?

Its complement is #A9E7EA; analogous partners are #EAA9C6 and #EACDA9. It also appears in 6+ palettes in our collection.

Can I use #EAABA8 for text?

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