#CF642C

Color Details

HEX
#CF642C
RGB
rgb(207, 100, 44)
HSL
hsl(21, 65%, 49%)
CMYK
cmyk(0%, 52%, 79%, 19%)
Best text on this color #000000 (CR 5.51:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cf642c
Contrast 5.51:1 AA
White on #cf642c
Contrast 3.81:1 Fail
#cf642c on Black
Contrast 5.51:1 AA
#cf642c on White
Contrast 3.81:1 Fail

Tints & Shades

#d98356
#e2a280
#ecc1ab
#a65023
#7c3c1a
#532812

Complement & Analogous

#2c95ce
#ceb62c
#ce2c44

Triadic

#2cce65
#652cce

Monochrome

#532812 #7c3c1a #cf642c #e2a280 #ecc1ab #f5e0d5

Analogous

#ce2c44 #dd6b7c #cf642c #d8c556 #ceb62c #a59223

Complementary Mix

#7c3c1a #cf642c #e2a280 #2c95ce #76badf #1d6186

Nearby Colors

#cf642b
#cf642d
#cf641c
#cf643c

Embed #CF642C swatch

Embed this swatch

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

Open image

About #CF642C

#CF642C converts to RGB(207, 100, 44) and HSL(21, 65%, 49%). 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).

#CF642C FAQs

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