Maroon Colors  ·  Color Library

Palettes / Colors / #EA443E

#EA443E — Vivid Red

#EA443E is a red color we call Vivid Red, closest to the named color Tomato (#FF6347). It belongs to the red family.

Color name

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

#EA443E 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 #3EE4EA; it also sits naturally between #EA3E8E and #EA9A3E. In the palettes below you can see it working alongside real color combinations from our collection.

#EA443E · RGB 234, 68, 62

Download PNG swatch SVG

Color values

HEX#EA443E
RGB234, 68, 62
HSL2°, 80%, 58%
HSV2°, 74%, 92%
CMYK0%, 71%, 74%, 8%
XYZ36.87, 21.97, 6.86
Yxy21.97, 0.5612, 0.3345
CIE-Lab54.00, 62.93, 41.12
Hunter Lab46.88, 61.83, 22.42

RGB & CMYK percentages

Red 92% · Green 27% · Blue 24%

Cyan 0% · Magenta 71% · Yellow 74% · Key 8%

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

Previews

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

CSS code for #EA443E

.text { color: #EA443E; }
.background { background-color: #EA443E; }
.border { border: 3px solid #EA443E; }
.text-rgb { color: rgb(234, 68, 62); }
.text-hsl { color: hsl(2, 80%, 58%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #EA443E; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(234, 68, 62, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #EA443E; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(234, 68, 62, 0.8); }

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

Shades of #EA443E

#E72E27#D81E18#C11B15#A51712#8E1410#77110D#5C0D0A#450A08#290605#120302

Tints of #EA443E

#EC5651#EE6863#EF7571#F18783#F39995#F5AAA8#F7BCBA#F9CAC8#FBDBDA#FDEDED

Tones of #EA443E

#DE4F4A#D15B57#C56663#B8726F#AD7D7B#A08988

Color harmonies

Complementary — #3EE4EA:

Analogous:

Triadic:

Contrast & accessibility

Against white text3.89:1 AA large only
Against black text5.39:1 AA

Best text color on #EA443E: #000000.

Semi-transparent (opacity) text on #EA443E

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

How #EA443E looks with color blindness

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

Protanopia · #A2A13FDeuteranopia · #ACB840Tritanopia · #E24141

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 red 500 · #EF4444Material Red 500 · #F44336Bootstrap danger · #DC3545

Palettes with a similar color

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

Palette 2d132c
#2D132C · #801336 · #C72C41 · #EE4540
Palette 711db0
#711DB0 · #C21292 · #EF4040 · #FFA732
Palette Ffdbc5
#FFDBC5 · #EF4339 · #B01C33 · #2E112D
Palette Fff3e2
#FFF3E2 · #FFE5CA · #FA9884 · #E74646
Vintage Ruby Voyage
#CA2E1B · #E43F35 · #2DCFE3 · #AFDCEF
Palette 39b1d1
#39B1D1 · #D6FB61 · #F6850C · #DE3E3E

Similar colors

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

#EE4540#EF4040#EF4339#E74646#E43F35#DE3E3E#F23A3A#E14434#DF3C3E#DD403F#E03E36#E63946

Browse neighbouring colors

← #EA443D  ·  #EA443F →

Frequently asked questions

What color is #EA443E?

#EA443E is Vivid Red, a red color (RGB 234, 68, 62). Its closest standard named color is Tomato.

What is the RGB and HSL of #EA443E?

#EA443E is RGB 234, 68, 62 — HSL 2°, 80%, 58% — CMYK 0%, 71%, 74%, 8%.

What colors go with #EA443E?

Its complement is #3EE4EA; analogous partners are #EA3E8E and #EA9A3E. It also appears in 6+ palettes in our collection.

Can I use #EA443E for text?

Black text on #EA443E has a contrast ratio of 5.39:1 (passes WCAG AA); white text gives 3.89:1.