#C4CB7B

Color Details

HEX
#C4CB7B
RGB
rgb(196, 203, 123)
HSL
hsl(65, 43%, 64%)
CMYK
cmyk(3%, 0%, 39%, 20%)
Best text on this color #000000 (CR 12.18:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c4cb7b
Contrast 12.18:1 AAA
White on #c4cb7b
Contrast 1.72:1 Fail
#c4cb7b on Black
Contrast 12.18:1 AAA
#c4cb7b on White
Contrast 1.72:1 Fail

Tints & Shades

#d0d595
#dce0b0
#e7eaca
#9da262
#767a4a
#4e5131

Complement & Analogous

#827ccb
#9dcb7c
#cbaa7c

Triadic

#7cc4cb
#cb7cc4

Monochrome

#4e5131 #767a4a #c4cb7b #dce0b0 #e7eaca #f3f5e5

Analogous

#cbaa7c #dbc4a3 #c4cb7b #b1d596 #9dcb7c #7ea263

Complementary Mix

#767a4a #c4cb7b #dce0b0 #827ccb #aeaadd #555184

Nearby Colors

#c4cb7a
#c4cb7c
#c4cb6b
#c4cb8b

Embed #C4CB7B swatch

Embed this swatch

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

Open image

About #C4CB7B

#C4CB7B converts to RGB(196, 203, 123) and HSL(65, 43%, 64%). 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).

#C4CB7B FAQs

What is the RGB value of #C4CB7B?
RGB: 196, 203, 123. Copy as CSS: rgb(196, 203, 123)
Is #C4CB7B a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #C4CB7B?
Complement: #827ccb.
Does #C4CB7B have good contrast on white or black?
On white: 1.72:1 (Fails AA). On black: 12.18:1 (AAA (normal text)).