Maroon Colors  ·  Color Library

Palettes / Colors / #EFAAA3

#EFAAA3 — Light Red

#EFAAA3 is a red color we call Light Red, closest to the named color BurlyWood (#DEB887). It belongs to the red family.

Color name

Closest CSS keyword: burlywood (#DEB887) — not an exact match. CSS burlywood gives you #DEB887, a different color; use #EFAAA3 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.

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

#EFAAA3 · RGB 239, 170, 163

Download PNG swatch SVG

Color values

HEX#EFAAA3
RGB239, 170, 163
HSL6°, 70%, 79%
HSV6°, 32%, 94%
CMYK0%, 29%, 32%, 6%
XYZ56.58, 49.74, 41.27
Yxy49.74, 0.3834, 0.3370
CIE-Lab75.91, 24.44, 13.73
Hunter Lab70.53, 23.91, 11.26

RGB & CMYK percentages

Red 94% · Green 67% · Blue 64%

Cyan 0% · Magenta 29% · Yellow 32% · Key 6%

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

Previews

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

CSS code for #EFAAA3

.text { color: #EFAAA3; }
.background { background-color: #EFAAA3; }
.border { border: 3px solid #EFAAA3; }
.text-rgb { color: rgb(239, 170, 163); }
.text-hsl { color: hsl(6, 70%, 79%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #EFAAA3; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(239, 170, 163, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #EFAAA3; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(239, 170, 163, 0.8); }

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

Shades of #EFAAA3

#EA9086#E37063#DE5445#D43725#B62F20#93261A#751E15#52150F#340D09#110403

Tints of #EFAAA3

#F0B3AD#F1B7B1#F3BFBA#F4C7C2#F6CFCB#F7D3CF#F8DBD8#FAE3E1#FAE7E5#FCEFEE

Tones of #EFAAA3

#EAB0A9#E4B4AF#DFB8B4#DABDB9#D4C1BF#CFC5C4

Color harmonies

Complementary — #A4E7EF:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.92:1 Fails
Against black text10.95:1 AAA

Best text color on #EFAAA3: #000000.

Semi-transparent (opacity) text on #EFAAA3

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 #EFAAA3: ·

How #EFAAA3 looks with color blindness

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

Protanopia · #D1D1A5Deuteranopia · #D5DAA5Tritanopia · #ECA6A6

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

Palette E2dea9
#E2DEA9 · #D18CE0 · #ECA6A6 · #EEEEEE
Palette 8e7ab5
#8E7AB5 · #B784B7 · #E493B3 · #EEA5A6
Palette Fbc6a4
#FBC6A4 · #F4A9A8 · #CE97B0 · #AFB9C8
Palette 9cf196
#9CF196 · #ECEBA7 · #EBCE95 · #EDAAAA
Palette Ddf3f5
#DDF3F5 · #A6DCEF · #F2AAAA · #E36387
Palette 1f1d36
#1F1D36 · #3F3351 · #864879 · #E9A6A6

Similar colors

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

#ECA6A6#EEA5A6#F4A9A8#EDAAAA#F2AAAA#E9A6A6#F5A8A8#EAB1A3#EFB1A9#F7A5A5#EAB2A0#EFB09B

Browse neighbouring colors

← #EFAAA2  ·  #EFAAA4 →

Frequently asked questions

What color is #EFAAA3?

#EFAAA3 is Light Red, a red color (RGB 239, 170, 163). Its closest standard named color is BurlyWood.

What is the RGB and HSL of #EFAAA3?

#EFAAA3 is RGB 239, 170, 163 — HSL 6°, 70%, 79% — CMYK 0%, 29%, 32%, 6%.

What colors go with #EFAAA3?

Its complement is #A4E7EF; analogous partners are #EFA4C2 and #EFD1A4. It also appears in 6+ palettes in our collection.

Can I use #EFAAA3 for text?

Black text on #EFAAA3 has a contrast ratio of 10.95:1 (passes WCAG AA); white text gives 1.92:1.