#CBB97F

Color Details

HEX
#CBB97F
RGB
rgb(203, 185, 127)
HSL
hsl(46, 42%, 65%)
CMYK
cmyk(0%, 9%, 37%, 20%)
Best text on this color #000000 (CR 10.79:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cbb97f
Contrast 10.79:1 AAA
White on #cbb97f
Contrast 1.95:1 Fail
#cbb97f on Black
Contrast 10.79:1 AAA
#cbb97f on White
Contrast 1.95:1 Fail

Tints & Shades

#d5c799
#e0d5b2
#eae3cc
#a29466
#7a6f4c
#514a33

Complement & Analogous

#8092cb
#b7cb80
#cb9480

Triadic

#80cbba
#ba80cb

Monochrome

#514a33 #7a6f4c #cbb97f #e0d5b2 #eae3cc #f5f1e5

Analogous

#cb9480 #dbb4a6 #cbb97f #c5d599 #b7cb80 #92a266

Complementary Mix

#7a6f4c #cbb97f #e0d5b2 #8092cb #acb8dd #535f84

Nearby Colors

#cbb97e
#cbb980
#cbb96f
#cbb98f

Embed #CBB97F swatch

Embed this swatch

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

Open image

About #CBB97F

#CBB97F converts to RGB(203, 185, 127) and HSL(46, 42%, 65%). 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).

#CBB97F FAQs

What is the RGB value of #CBB97F?
RGB: 203, 185, 127. Copy as CSS: rgb(203, 185, 127)
Is #CBB97F a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #CBB97F?
Complement: #8092cb.
Does #CBB97F have good contrast on white or black?
On white: 1.95:1 (Fails AA). On black: 10.79:1 (AAA (normal text)).