#D6502D

Color Details

HEX
#D6502D
RGB
rgb(214, 80, 45)
HSL
hsl(12, 67%, 51%)
CMYK
cmyk(0%, 63%, 79%, 16%)
Best text on this color #000000 (CR 5.04:1) Determined by WCAG contrast ratio

Readability Previews

Black on #d6502d
Contrast 5.04:1 AA
White on #d6502d
Contrast 4.16:1 Fail
#d6502d on Black
Contrast 5.04:1 AA
#d6502d on White
Contrast 4.16:1 Fail

Tints & Shades

#de7357
#e69681
#efb9ab
#ab4024
#80301b
#562012

Complement & Analogous

#2eb4d6
#d6a42e
#d62e61

Triadic

#2ed650
#502ed6

Monochrome

#562012 #80301b #d6502d #e69681 #efb9ab #f7dcd5

Analogous

#d62e61 #e26d90 #d6502d #deb658 #d6a42e #ab8325

Complementary Mix

#80301b #d6502d #e69681 #2eb4d6 #77cee4 #1e758b

Nearby Colors

#d6502c
#d6502e
#d6501d
#d6503d

Embed #D6502D swatch

Embed this swatch

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

Open image

About #D6502D

#D6502D converts to RGB(214, 80, 45) and HSL(12, 67%, 51%). 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).

#D6502D FAQs

What is the RGB value of #D6502D?
RGB: 214, 80, 45. Copy as CSS: rgb(214, 80, 45)
Is #D6502D a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #D6502D?
Complement: #2eb4d6.
Does #D6502D have good contrast on white or black?
On white: 4.16:1 (AA (large text)). On black: 5.04:1 (AA (normal text)).