Maroon Colors  ·  Color Library

Palettes / Colors / #EA747B

#EA747B — Light Red

#EA747B is a red color we call Light Red, closest to the named color Salmon (#FA8072). It belongs to the red family.

Color name

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

#EA747B is a warm red color associated with energy, passion and urgency. It is saturated enough to be the accent — buttons, highlights and calls to action — while neutrals do the quiet work around it.

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

#EA747B · RGB 234, 116, 123

Download PNG swatch SVG

Color values

HEX#EA747B
RGB234, 116, 123
HSL356°, 74%, 69%
HSV356°, 50%, 92%
CMYK0%, 50%, 47%, 8%
XYZ43.75, 31.41, 22.50
Yxy31.41, 0.4480, 0.3217
CIE-Lab62.85, 46.17, 17.72
Hunter Lab56.05, 44.96, 12.86

RGB & CMYK percentages

Red 92% · Green 45% · Blue 48%

Cyan 0% · Magenta 50% · Yellow 47% · Key 8%

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

Previews

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

CSS code for #EA747B

.text { color: #EA747B; }
.background { background-color: #EA747B; }
.border { border: 3px solid #EA747B; }
.text-rgb { color: rgb(234, 116, 123); }
.text-hsl { color: hsl(356, 74%, 69%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #EA747B; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(234, 116, 123, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #EA747B; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(234, 116, 123, 0.8); }

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

Shades of #EA747B

#E65B64#E23C47#DE212E#BF1D27#A41922#85141B#6A1016#4B0B10#31070A#120304

Tints of #EA747B

#EC838A#EE8C92#F0999F#F2A6AB#F4B4B8#F5BCC0#F7CACD#F9D7D9#FAE0E2#FCEDEE

Tones of #EA747B

#E27E85#DA868C#D18F93#C9979A#C19FA2#B9A7A8

Color harmonies

Complementary — #75EAE3:

Analogous:

Triadic:

Contrast & accessibility

Against white text2.88:1 Fails
Against black text7.28:1 AAA

Best text color on #EA747B: #000000.

Semi-transparent (opacity) text on #EA747B

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

How #EA747B looks with color blindness

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

Protanopia · #B7B679Deuteranopia · #BEC779Tritanopia · #E47878

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:

Tailwind pink 500 · #EC4899Tailwind rose 500 · #F43F5ETailwind red 500 · #EF4444

Palettes with a similar color

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

Palette E97777
#E97777 · #FF9F9F · #FCDDB0 · #FFFAD7
Palette Ea7b7b
#EA7B7B · #D25353 · #9E3B3B · #FFEAD3
Palette 9ddcdc
#9DDCDC · #FFF4E1 · #FFEBB7 · #E67A7A
Serene Marble
#8F112D · #EE7875 · #3FE7C2 · #ADEFD7
Wild Ruby Canyon
#AF244C · #E47A80 · #27C195 · #9CE3CE
Cosmic Ruby Twilight
#921DC8 · #EC5BE0 · #E74A9B · #F37382

Similar colors

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

#E97777#EA7B7B#E67A7A#EE7875#E47A80#F37382#E17473#E07C7A#F47C7C#EB7B70#F67280#F36A7B

Browse neighbouring colors

← #EA747A  ·  #EA747C →

Frequently asked questions

What color is #EA747B?

#EA747B is Light Red, a red color (RGB 234, 116, 123). Its closest standard named color is Salmon.

What is the RGB and HSL of #EA747B?

#EA747B is RGB 234, 116, 123 — HSL 356°, 74%, 69% — CMYK 0%, 50%, 47%, 8%.

What colors go with #EA747B?

Its complement is #75EAE3; analogous partners are #EA75B8 and #EAA875. It also appears in 6+ palettes in our collection.

Can I use #EA747B for text?

Black text on #EA747B has a contrast ratio of 7.28:1 (passes WCAG AA); white text gives 2.88:1.