#CBB98F

Color Details

HEX
#CBB98F
RGB
rgb(203, 185, 143)
HSL
hsl(42, 37%, 68%)
CMYK
cmyk(0%, 9%, 30%, 20%)
Best text on this color #000000 (CR 10.88:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cbb98f
Contrast 10.88:1 AAA
White on #cbb98f
Contrast 1.93:1 Fail
#cbb98f on Black
Contrast 10.88:1 AAA
#cbb98f on White
Contrast 1.93:1 Fail

Tints & Shades

#d5c7a5
#e0d5bc
#eae3d2
#a29472
#7a6f56
#514a39

Complement & Analogous

#8fa1cc
#c0cc8f
#cc9b8f

Triadic

#8fccb9
#b98fcc

Monochrome

#514a39 #7a6f56 #cbb98f #e0d5bc #eae3d2 #f5f1e9

Analogous

#cc9b8f #dbb9b1 #cbb98f #cdd6a5 #c0cc8f #9aa372

Complementary Mix

#7a6f56 #cbb98f #e0d5bc #8fa1cc #b6c2de #5d6985

Nearby Colors

#cbb98e
#cbb990
#cbb97f
#cbb99f

Embed #CBB98F swatch

Embed this swatch

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

Open image

About #CBB98F

#CBB98F converts to RGB(203, 185, 143) and HSL(42, 37%, 68%). 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).

#CBB98F FAQs

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