#FD542C

Color Details

HEX
#FD542C
RGB
rgb(253, 84, 44)
HSL
hsl(11, 98%, 58%)
CMYK
cmyk(0%, 67%, 83%, 1%)
Best text on this color #000000 (CR 6.48:1) Determined by WCAG contrast ratio

Readability Previews

Black on #fd542c
Contrast 6.48:1 AA
White on #fd542c
Contrast 3.24:1 Fail
#fd542c on Black
Contrast 6.48:1 AA
#fd542c on White
Contrast 3.24:1 Fail

Tints & Shades

#fd7656
#fe9880
#febbab
#ca4323
#98321a
#652212

Complement & Analogous

#2bd6fd
#fdba2b
#fd2b6d

Triadic

#2bfd51
#512bfd

Monochrome

#652212 #98321a #fd542c #fe9880 #febbab #ffddd5

Analogous

#fd2b6d #fe6b99 #fd542c #fdc855 #fdba2b #ca9522

Complementary Mix

#98321a #fd542c #fe9880 #2bd6fd #75e4fe #1c8ba4

Nearby Colors

#fd542b
#fd542d
#fd541c
#fd543c

Embed #FD542C swatch

Embed this swatch

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

Open image

About #FD542C

#FD542C converts to RGB(253, 84, 44) and HSL(11, 98%, 58%). 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).

#FD542C FAQs

What is the RGB value of #FD542C?
RGB: 253, 84, 44. Copy as CSS: rgb(253, 84, 44)
Is #FD542C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #FD542C?
Complement: #2bd6fd.
Does #FD542C have good contrast on white or black?
On white: 3.24:1 (AA (large text)). On black: 6.48:1 (AA (normal text)).