#CBA73C

Color Details

HEX
#CBA73C
RGB
rgb(203, 167, 60)
HSL
hsl(45, 58%, 52%)
CMYK
cmyk(0%, 18%, 70%, 20%)
Best text on this color #000000 (CR 9.13:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cba73c
Contrast 9.13:1 AAA
White on #cba73c
Contrast 2.30:1 Fail
#cba73c on Black
Contrast 9.13:1 AAA
#cba73c on White
Contrast 2.30:1 Fail

Tints & Shades

#d5b963
#e0ca8a
#eadcb1
#a28630
#7a6424
#514318

Complement & Analogous

#3e61cc
#a8cc3e
#cc613e

Triadic

#3ecca8
#a83ecc

Monochrome

#514318 #7a6424 #cba73c #e0ca8a #eadcb1 #f5edd8

Analogous

#cc613e #db9078 #cba73c #b9d665 #a8cc3e #86a332

Complementary Mix

#7a6424 #cba73c #e0ca8a #3e61cc #8298de #283f85

Nearby Colors

#cba73b
#cba73d
#cba72c
#cba74c

Embed #CBA73C swatch

Embed this swatch

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

Open image

About #CBA73C

#CBA73C converts to RGB(203, 167, 60) and HSL(45, 58%, 52%). 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).

#CBA73C FAQs

What is the RGB value of #CBA73C?
RGB: 203, 167, 60. Copy as CSS: rgb(203, 167, 60)
Is #CBA73C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #CBA73C?
Complement: #3e61cc.
Does #CBA73C have good contrast on white or black?
On white: 2.30:1 (Fails AA). On black: 9.13:1 (AAA (normal text)).