#C3B13F

Color Details

HEX
#C3B13F
RGB
rgb(195, 177, 63)
HSL
hsl(52, 52%, 51%)
CMYK
cmyk(0%, 9%, 68%, 24%)
Best text on this color #000000 (CR 9.68:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c3b13f
Contrast 9.68:1 AAA
White on #c3b13f
Contrast 2.17:1 Fail
#c3b13f on Black
Contrast 9.68:1 AAA
#c3b13f on White
Contrast 2.17:1 Fail

Tints & Shades

#cfc165
#dbd08c
#e7e0b2
#9c8e32
#756a26
#4e4719

Complement & Analogous

#4152c3
#93c341
#c37141

Triadic

#41c3b2
#b241c3

Monochrome

#4e4719 #756a26 #c3b13f #dbd08c #e7e0b2 #f3efd9

Analogous

#c37141 #d59c7a #c3b13f #a9cf67 #93c341 #769c34

Complementary Mix

#756a26 #c3b13f #dbd08c #4152c3 #848fd8 #2a357f

Nearby Colors

#c3b13e
#c3b140
#c3b12f
#c3b14f

Embed #C3B13F swatch

Embed this swatch

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

Open image

About #C3B13F

#C3B13F converts to RGB(195, 177, 63) and HSL(52, 52%, 51%). 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).

#C3B13F FAQs

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