#DD361C

Color Details

HEX
#DD361C
RGB
rgb(221, 54, 28)
HSL
hsl(8, 78%, 49%)
CMYK
cmyk(0%, 76%, 87%, 13%)
Best text on this color #000000 (CR 4.62:1) Determined by WCAG contrast ratio

Readability Previews

Black on #dd361c
Contrast 4.62:1 AA
White on #dd361c
Contrast 4.55:1 AA
#dd361c on Black
Contrast 4.62:1 AA
#dd361c on White
Contrast 4.55:1 AA

Tints & Shades

#e45e49
#eb8677
#f1afa4
#b12b16
#852011
#58160b

Complement & Analogous

#1bc4de
#de971b
#de1b63

Triadic

#1bde35
#351bde

Monochrome

#58160b #852011 #dd361c #eb8677 #f1afa4 #f8d7d2

Analogous

#de1b63 #e85f92 #dd361c #e5ac49 #de971b #b27916

Complementary Mix

#852011 #dd361c #eb8677 #1bc4de #6bd9ea #127f90

Nearby Colors

#dd361b
#dd361d
#dd360c
#dd362c

Embed #DD361C swatch

Embed this swatch

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

Open image

About #DD361C

#DD361C converts to RGB(221, 54, 28) and HSL(8, 78%, 49%). 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).

#DD361C FAQs

What is the RGB value of #DD361C?
RGB: 221, 54, 28. Copy as CSS: rgb(221, 54, 28)
Is #DD361C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #DD361C?
Complement: #1bc4de.
Does #DD361C have good contrast on white or black?
On white: 4.55:1 (AA (normal text)). On black: 4.62:1 (AA (normal text)).