#CF5A2F

Color Details

HEX
#CF5A2F
RGB
rgb(207, 90, 47)
HSL
hsl(16, 63%, 50%)
CMYK
cmyk(0%, 57%, 77%, 19%)
Best text on this color #000000 (CR 5.16:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cf5a2f
Contrast 5.16:1 AA
White on #cf5a2f
Contrast 4.07:1 Fail
#cf5a2f on Black
Contrast 5.16:1 AA
#cf5a2f on White
Contrast 4.07:1 Fail

Tints & Shades

#d97b59
#e29c82
#ecbdac
#a64826
#7c361c
#532413

Complement & Analogous

#2fa5d0
#d0aa2f
#d02f55

Triadic

#2fd05a
#5a2fd0

Monochrome

#532413 #7c361c #cf5a2f #e29c82 #ecbdac #f5ded5

Analogous

#d02f55 #de6d88 #cf5a2f #d9bb59 #d0aa2f #a68826

Complementary Mix

#7c361c #cf5a2f #e29c82 #2fa5d0 #78c5e0 #1f6b87

Nearby Colors

#cf5a2e
#cf5a30
#cf5a1f
#cf5a3f

Embed #CF5A2F swatch

Embed this swatch

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

Open image

About #CF5A2F

#CF5A2F converts to RGB(207, 90, 47) and HSL(16, 63%, 50%). 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).

#CF5A2F FAQs

What is the RGB value of #CF5A2F?
RGB: 207, 90, 47. Copy as CSS: rgb(207, 90, 47)
Is #CF5A2F a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #CF5A2F?
Complement: #2fa5d0.
Does #CF5A2F have good contrast on white or black?
On white: 4.07:1 (AA (large text)). On black: 5.16:1 (AA (normal text)).