#C3B14F

Color Details

HEX
#C3B14F
RGB
rgb(195, 177, 79)
HSL
hsl(51, 49%, 54%)
CMYK
cmyk(0%, 9%, 59%, 24%)
Best text on this color #000000 (CR 9.72:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c3b14f
Contrast 9.72:1 AAA
White on #c3b14f
Contrast 2.16:1 Fail
#c3b14f on Black
Contrast 9.72:1 AAA
#c3b14f on White
Contrast 2.16:1 Fail

Tints & Shades

#cfc172
#dbd095
#e7e0b9
#9c8e3f
#756a2f
#4e4720

Complement & Analogous

#5061c3
#9bc350
#c37850

Triadic

#50c3b2
#b250c3

Monochrome

#4e4720 #756a2f #c3b14f #dbd095 #e7e0b9 #f3efdc

Analogous

#c37850 #d5a185 #c3b14f #afcf73 #9bc350 #7c9c40

Complementary Mix

#756a2f #c3b14f #dbd095 #5061c3 #8d98d8 #343f7f

Nearby Colors

#c3b14e
#c3b150
#c3b13f
#c3b15f

Embed #C3B14F swatch

Embed this swatch

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

Open image

About #C3B14F

#C3B14F converts to RGB(195, 177, 79) and HSL(51, 49%, 54%). 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).

#C3B14F FAQs

What is the RGB value of #C3B14F?
RGB: 195, 177, 79. Copy as CSS: rgb(195, 177, 79)
Is #C3B14F a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #C3B14F?
Complement: #5061c3.
Does #C3B14F have good contrast on white or black?
On white: 2.16:1 (Fails AA). On black: 9.72:1 (AAA (normal text)).