Maroon Colors  ·  Color Library

Palettes / Colors / #EA485A

#EA485A — Vivid Red

#EA485A is a red color we call Vivid Red, closest to the named color IndianRed (#CD5C5C). It belongs to the red family.

#EA485A 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 #48EAD7; it also sits naturally between #EA48AC and #EA8648. In the palettes below you can see it working alongside real color combinations from our collection.

#EA485A · RGB 234, 72, 90

Download PNG swatch SVG

Color values

HEX#EA485A
RGB234, 72, 90
HSL353°, 79%, 60%
HSV353°, 69%, 92%
CMYK0%, 69%, 62%, 8%
XYZ38.09, 22.87, 12.08
Yxy22.87, 0.5216, 0.3131
CIE-Lab54.93, 62.90, 26.20
Hunter Lab47.82, 62.05, 16.50

RGB & CMYK percentages

Red 92% · Green 28% · Blue 35%

Cyan 0% · Magenta 69% · Yellow 62% · Key 8%

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

Previews

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

CSS code for #EA485A

.text { color: #EA485A; }
.background { background-color: #EA485A; }
.border { border: 3px solid #EA485A; }
.text-rgb { color: rgb(234, 72, 90); }
.text-hsl { color: hsl(353, 79%, 60%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #EA485A; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(234, 72, 90, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #EA485A; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(234, 72, 90, 0.8); }

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

Shades of #EA485A

#E62D43#E01A31#C4172B#AD1426#921120#770E1A#600B15#44080F#2E050A#120204

Tints of #EA485A

#EC5B6C#ED6878#EF7B88#F18895#F39BA5#F5ADB5#F7BBC2#F9CDD2#FBDADE#FDEDEF

Tones of #EA485A

#DE5464#D2606D#C76B76#BC767E#B08287#A48E90

Color harmonies

Complementary — #48EAD7:

Analogous:

Triadic:

Contrast & accessibility

Against white text3.77:1 AA large only
Against black text5.57:1 AA

Best text color on #EA485A: #000000.

How #EA485A looks with color blindness

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

Protanopia · #A4A256Deuteranopia · #ADB955Tritanopia · #E25251

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 rose 500 · #F43F5ETailwind red 500 · #EF4444Bootstrap danger · #DC3545

Palettes with a similar color

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

Palette Eb455f
#EB455F · #FCFFE7 · #BAD7E9 · #2B3467
Palette 2b3467
#2B3467 · #BAD7E9 · #FCFFE7 · #EB455F
Palette E8505b
#E8505B · #F9D56E · #F3ECC2 · #14B1AB
Silent Ruby Tempest
#2EC11D · #3B4DE2 · #E34354 · #CFF3D1
Electric Garden
#8B0F1A · #ED5258 · #1CE7D4 · #A5F0E6
Dusty Mosaic
#E7669D · #E24F57 · #E05E20 · #CB981F

Similar colors

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

#EB455F#E8505B#E34354#ED5258#E24F57#DF4D5B#E74666#EA5252#EA5455#E75151#E23E57#EE4E4E

Browse neighbouring colors

← #EA4859  ·  #EA485B →

Frequently asked questions

What color is #EA485A?

#EA485A is Vivid Red, a red color (RGB 234, 72, 90). Its closest standard named color is IndianRed.

What is the RGB and HSL of #EA485A?

#EA485A is RGB 234, 72, 90 — HSL 353°, 79%, 60% — CMYK 0%, 69%, 62%, 8%.

What colors go with #EA485A?

Its complement is #48EAD7; analogous partners are #EA48AC and #EA8648. It also appears in 6+ palettes in our collection.

Can I use #EA485A for text?

Black text on #EA485A has a contrast ratio of 5.57:1 (passes WCAG AA); white text gives 3.77:1.