Palettes / Colors / #EC2237
#EC2237 — Vivid Red
#EC2237 is a red color we call Vivid Red, closest to the named color Crimson (#DC143C). It belongs to the red family.
#EC2237 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 #22ECD8; it also sits naturally between #EC229B and #EC7322. In the palettes below you can see it working alongside real color combinations from our collection.
Color values
| HEX | #EC2237 |
|---|---|
| RGB | 236, 34, 55 |
| HSL | 354°, 84%, 53% |
| HSV | 354°, 86%, 93% |
| CMYK | 0%, 86%, 77%, 7% |
| XYZ | 35.85, 19.25, 5.44 |
| Yxy | 19.25, 0.5922, 0.3180 |
| CIE-Lab | 50.98, 72.56, 41.82 |
| Hunter Lab | 43.88, 72.55, 21.78 |
RGB & CMYK percentages
Red 93% · Green 13% · Blue 22%
Cyan 0% · Magenta 86% · Yellow 77% · Key 7%
Previews
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
CSS code for #EC2237
.text { color: #EC2237; }
.background { background-color: #EC2237; }
.border { border: 3px solid #EC2237; }
.text-rgb { color: rgb(236, 34, 55); }
.text-hsl { color: hsl(354, 84%, 53%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #EC2237; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(236, 34, 55, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #EC2237; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(236, 34, 55, 0.8); }
HTML: <p style="color:#EC2237">Text here</p> · <div style="background-color:#EC2237">Div content here</div>
Shades of #EC2237
Tints of #EC2237
Tones of #EC2237
Color harmonies
Complementary — #22ECD8:
Analogous:
Triadic:
Contrast & accessibility
| Against white text | 4.33:1 AA large only |
|---|---|
| Against black text | 4.85:1 AA |
Best text color on #EC2237: #000000.
How #EC2237 looks with color blindness
Simulated with standard Machado color-vision-deficiency matrices — useful when this color carries meaning in charts, maps or interfaces:
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:
Palettes with #EC2237 or a close neighbour
Similar colors
The closest colors that actually appear in our palette collection — click any to open its page:
Browse neighbouring colors
Frequently asked questions
What color is #EC2237?
#EC2237 is Vivid Red, a red color (RGB 236, 34, 55). Its closest standard named color is Crimson.
What is the RGB and HSL of #EC2237?
#EC2237 is RGB 236, 34, 55 — HSL 354°, 84%, 53% — CMYK 0%, 86%, 77%, 7%.
What colors go with #EC2237?
Its complement is #22ECD8; analogous partners are #EC229B and #EC7322. It also appears in 6+ palettes in our collection.
Can I use #EC2237 for text?
Black text on #EC2237 has a contrast ratio of 4.85:1 (passes WCAG AA); white text gives 4.33:1.