#CBA54C

Color Details

HEX
#CBA54C
RGB
rgb(203, 165, 76)
HSL
hsl(42, 55%, 55%)
CMYK
cmyk(0%, 19%, 63%, 20%)
Best text on this color #000000 (CR 9.03:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cba54c
Contrast 9.03:1 AAA
White on #cba54c
Contrast 2.33:1 Fail
#cba54c on Black
Contrast 9.03:1 AAA
#cba54c on White
Contrast 2.33:1 Fail

Tints & Shades

#d5b770
#e0c994
#eadbb7
#a2843d
#7a632e
#51421e

Complement & Analogous

#4d73cb
#b2cb4d
#cb664d

Triadic

#4dcba5
#a54dcb

Monochrome

#51421e #7a632e #cba54c #e0c994 #eadbb7 #f5eddb

Analogous

#cb664d #db9482 #cba54c #c1d571 #b2cb4d #8ea23e

Complementary Mix

#7a632e #cba54c #e0c994 #4d73cb #8ba4dd #324b84

Nearby Colors

#cba54b
#cba54d
#cba53c
#cba55c

Embed #CBA54C swatch

Embed this swatch

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

Open image

About #CBA54C

#CBA54C converts to RGB(203, 165, 76) and HSL(42, 55%, 55%). 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).

#CBA54C FAQs

What is the RGB value of #CBA54C?
RGB: 203, 165, 76. Copy as CSS: rgb(203, 165, 76)
Is #CBA54C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #CBA54C?
Complement: #4d73cb.
Does #CBA54C have good contrast on white or black?
On white: 2.33:1 (Fails AA). On black: 9.03:1 (AAA (normal text)).