#C98B5F

Color Details

HEX
#C98B5F
RGB
rgb(201, 139, 95)
HSL
hsl(25, 50%, 58%)
CMYK
cmyk(0%, 31%, 53%, 21%)
Best text on this color #000000 (CR 7.34:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c98b5f
Contrast 7.34:1 AAA
White on #c98b5f
Contrast 2.86:1 Fail
#c98b5f on Black
Contrast 7.34:1 AAA
#c98b5f on White
Contrast 2.86:1 Fail

Tints & Shades

#d4a27f
#dfb99f
#e9d1bf
#a16f4c
#795339
#503826

Complement & Analogous

#5e9dc9
#c9c15e
#c95e67

Triadic

#5ec98b
#8b5ec9

Monochrome

#503826 #795339 #c98b5f #dfb99f #e9d1bf #f4e8df

Analogous

#c95e67 #d98e95 #c98b5f #d4cd7e #c9c15e #a19a4b

Complementary Mix

#795339 #c98b5f #dfb99f #5e9dc9 #96bfdc #3d6683

Nearby Colors

#c98b5e
#c98b60
#c98b4f
#c98b6f

Embed #C98B5F swatch

Embed this swatch

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

Open image

About #C98B5F

#C98B5F converts to RGB(201, 139, 95) and HSL(25, 50%, 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).

#C98B5F FAQs

What is the RGB value of #C98B5F?
RGB: 201, 139, 95. Copy as CSS: rgb(201, 139, 95)
Is #C98B5F a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #C98B5F?
Complement: #5e9dc9.
Does #C98B5F have good contrast on white or black?
On white: 2.86:1 (Fails AA). On black: 7.34:1 (AAA (normal text)).