HEX Color #C5BD33 (Goldenrod)

About #C5BD33

The precise color #C5BD33 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, 189, and 51.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 0% cyan and 4% magenta inks. Always request a physical proof before doing a large print run with this exact code.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a medium color, it is generally recommended to use #000000 text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#C5BD33

RGB197, 189, 51

HSL56.7°, 58.9%, 48.6%

CMYK0%, 4%, 74%, 23%

HSV56.7°, 74.1%, 77.3%

LAB75.1, -12.6, 66.0

XYZ41.8, 48.5, 10.3

Decimal12959027

Color Harmonies

Complementary

#C5BD33 #333AC5

Analogous

#C57433 #83C533

Triadic

#33C5BD #BD33C5

Tetradic

#33C574 #333AC5 #C53383

Tints, Shades & Tones

Tints (Adding White)

#C5BD33

#CBC449

#D1CB60

#D8D377

#DEDA8D

#E5E1A4

#EBE9BB

#F2F0D1

#F8F7E8

#FFFFFF

Shades (Adding Black)

#C5BD33

#AFA82D

#999327

#837E22

#6D691C

#575416

#413F11

#2B2A0B

#151505

#000000

WCAG Contrast Accessibility

1.96:1

Text on #FFFFFF

FAIL

10.70:1

Text on #000000

AAA

1.88:1

Text on #F8FAFC

FAIL

9.10:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #C5BD33; }

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

Similar Colors

Goldenrod

#DAA520