HEX Color #C5B61D (Goldenrod)

About #C5B61D

The precise color #C5B61D is an excellent choice for modern design projects. Its closest recognized web color is Goldenrod. To achieve this exact tint on a monitor, you would use an RGB mix of 197, 182, and 29.

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 0% cyan and 8% magenta inks. Always request a physical proof before doing a large print run with this exact code.

Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #000000 typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#C5B61D

RGB197, 182, 29

HSL54.6°, 74.3%, 44.3%

CMYK0%, 8%, 85%, 23%

HSV54.6°, 85.3%, 77.3%

LAB73.2, -9.7, 70.6

XYZ40.0, 45.4, 7.8

Decimal12957213

Color Harmonies

Complementary

#C5B61D #1D2BC5

Analogous

#C5621D #80C51D

Triadic

#1DC5B6 #B51DC5

Tetradic

#1DC562 #1D2BC5 #C51D80

Tints, Shades & Tones

Tints (Adding White)

#C5B61D

#CBBE36

#D1C64F

#D8CE68

#DED681

#E5DE9A

#EBE6B3

#F2EECC

#F8F6E5

#FFFFFF

Shades (Adding Black)

#C5B61D

#AFA119

#998D16

#837913

#6D6510

#57500C

#413C09

#2B2806

#151403

#000000

WCAG Contrast Accessibility

2.08:1

Text on #FFFFFF

FAIL

10.08:1

Text on #000000

AAA

1.99:1

Text on #F8FAFC

FAIL

8.57:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #C5B61D; }

.text-color { color: #C5B61D; }

.border-color { border: 2px solid #C5B61D; }

Similar Colors

Goldenrod

#DAA520