#FD500C

Color Details

HEX
#FD500C
RGB
rgb(253, 80, 12)
HSL
hsl(17, 98%, 52%)
CMYK
cmyk(0%, 68%, 95%, 1%)
Best text on this color #000000 (CR 6.33:1) Determined by WCAG contrast ratio

Readability Previews

Black on #fd500c
Contrast 6.33:1 AA
White on #fd500c
Contrast 3.32:1 Fail
#fd500c on Black
Contrast 6.33:1 AA
#fd500c on White
Contrast 3.32:1 Fail

Tints & Shades

#fd733d
#fe966d
#feb99e
#ca400a
#983007
#652005

Complement & Analogous

#0db9fd
#fdc90d
#fd0d41

Triadic

#0dfd51
#510dfd

Monochrome

#652005 #983007 #fd500c #fe966d #feb99e #ffdcce

Analogous

#fd0d41 #fe567a #fd500c #fdd43d #fdc90d #caa10a

Complementary Mix

#983007 #fd500c #fe966d #0db9fd #62d2fe #0878a4

Nearby Colors

#fd500b
#fd500d
#fd4ffc
#fd501c

Embed #FD500C swatch

Embed this swatch

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

Open image

About #FD500C

#FD500C converts to RGB(253, 80, 12) and HSL(17, 98%, 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).

#FD500C FAQs

What is the RGB value of #FD500C?
RGB: 253, 80, 12. Copy as CSS: rgb(253, 80, 12)
Is #FD500C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #FD500C?
Complement: #0db9fd.
Does #FD500C have good contrast on white or black?
On white: 3.32:1 (AA (large text)). On black: 6.33:1 (AA (normal text)).