#ED4C1C

Color Details

HEX
#ED4C1C
RGB
rgb(237, 76, 28)
HSL
hsl(14, 85%, 52%)
CMYK
cmyk(0%, 68%, 88%, 7%)
Best text on this color #000000 (CR 5.65:1) Determined by WCAG contrast ratio

Readability Previews

Black on #ed4c1c
Contrast 5.65:1 AA
White on #ed4c1c
Contrast 3.72:1 Fail
#ed4c1c on Black
Contrast 5.65:1 AA
#ed4c1c on White
Contrast 3.72:1 Fail

Tints & Shades

#f17049
#f49477
#f8b7a4
#be3d16
#8e2e11
#5f1e0b

Complement & Analogous

#1dbced
#edb51d
#ed1d54

Triadic

#1ded4d
#4d1ded

Monochrome

#5f1e0b #8e2e11 #ed4c1c #f49477 #f8b7a4 #fbdbd2

Analogous

#ed1d54 #f26187 #ed4c1c #f1c44a #edb51d #be9117

Complementary Mix

#8e2e11 #ed4c1c #f49477 #1dbced #6cd3f3 #137a9a

Nearby Colors

#ed4c1b
#ed4c1d
#ed4c0c
#ed4c2c

Embed #ED4C1C swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #ED4C1C

#ED4C1C converts to RGB(237, 76, 28) and HSL(14, 85%, 52%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#ED4C1C FAQs

What is the RGB value of #ED4C1C?
RGB: 237, 76, 28. Copy as CSS: rgb(237, 76, 28)
Is #ED4C1C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #ED4C1C?
Complement: #1dbced.
Does #ED4C1C have good contrast on white or black?
On white: 3.72:1 (AA (large text)). On black: 5.65:1 (AA (normal text)).