#CF470C

Color Details

HEX
#CF470C
RGB
rgb(207, 71, 12)
HSL
hsl(18, 89%, 43%)
CMYK
cmyk(0%, 66%, 94%, 19%)
Best text on this color #FFFFFF (CR 4.61:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cf470c
Contrast 4.56:1 AA
White on #cf470c
Contrast 4.61:1 AA
#cf470c on Black
Contrast 4.56:1 AA
#cf470c on White
Contrast 4.61:1 AA

Tints & Shades

#d96c3d
#e2916d
#ecb59e
#a6390a
#7c2b07
#531c05

Complement & Analogous

#0c95cf
#cfa80c
#cf0c33

Triadic

#0ccf47
#470ccf

Monochrome

#531c05 #7c2b07 #cf470c #e2916d #ecb59e #f5dace

Analogous

#cf0c33 #dd5570 #cf470c #d9b93d #cfa80c #a6860a

Complementary Mix

#7c2b07 #cf470c #e2916d #0c95cf #61bae0 #086187

Nearby Colors

#cf470b
#cf470d
#cf46fc
#cf471c

Embed #CF470C swatch

Embed this swatch

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

Open image

About #CF470C

#CF470C converts to RGB(207, 71, 12) and HSL(18, 89%, 43%). 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).

#CF470C FAQs

What is the RGB value of #CF470C?
RGB: 207, 71, 12. Copy as CSS: rgb(207, 71, 12)
Is #CF470C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #CF470C?
Complement: #0c95cf.
Does #CF470C have good contrast on white or black?
On white: 4.61:1 (AA (normal text)). On black: 4.56:1 (AA (normal text)).