#CBB27F

Color Details

HEX
#CBB27F
RGB
rgb(203, 178, 127)
HSL
hsl(40, 42%, 65%)
CMYK
cmyk(0%, 12%, 37%, 20%)
Best text on this color #000000 (CR 10.21:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cbb27f
Contrast 10.21:1 AAA
White on #cbb27f
Contrast 2.06:1 Fail
#cbb27f on Black
Contrast 10.21:1 AAA
#cbb27f on White
Contrast 2.06:1 Fail

Tints & Shades

#d5c199
#e0d1b2
#eae0cc
#a28e66
#7a6b4c
#514733

Complement & Analogous

#8099cb
#bfcb80
#cb8d80

Triadic

#80cbb2
#b280cb

Monochrome

#514733 #7a6b4c #cbb27f #e0d1b2 #eae0cc #f5f0e5

Analogous

#cb8d80 #dbafa6 #cbb27f #ccd599 #bfcb80 #99a266

Complementary Mix

#7a6b4c #cbb27f #e0d1b2 #8099cb #acbddd #536384

Nearby Colors

#cbb27e
#cbb280
#cbb26f
#cbb28f

Embed #CBB27F swatch

Embed this swatch

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

Open image

About #CBB27F

#CBB27F converts to RGB(203, 178, 127) and HSL(40, 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).

#CBB27F FAQs

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