HEX Color #BDB61D (Goldenrod)

About #BDB61D

The precise color #BDB61D is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Goldenrod. To achieve this exact tint on a monitor, you would use an RGB mix of 189, 182, and 29.

For print applications, it's crucial to understand its CMYK makeup. This specific hue requires a mix of 0% C, 4% M, 85% Y, and 26% K. The HSL representation is 57.4° hue, 73.4% saturation, and 42.7% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#BDB61D

RGB189, 182, 29

HSL57.4°, 73.4%, 42.7%

CMYK0%, 4%, 85%, 26%

HSV57.4°, 84.7%, 74.1%

LAB72.5, -13.2, 69.7

XYZ37.9, 44.4, 7.7

Decimal12432925

Color Harmonies

Complementary

#BDB61D #1D23BD

Analogous

#BD651D #73BD1D

Triadic

#1DBDB6 #B61DBD

Tetradic

#1DBD66 #1D23BD #BD1D73

Tints, Shades & Tones

Tints (Adding White)

#BDB61D

#C4BE36

#CBC64F

#D3CE68

#DAD681

#E1DE9A

#E9E6B3

#F0EECC

#F7F6E5

#FFFFFF

Shades (Adding Black)

#BDB61D

#A8A119

#938D16

#7E7913

#696510

#54500C

#3F3C09

#2A2806

#151403

#000000

WCAG Contrast Accessibility

2.13:1

Text on #FFFFFF

FAIL

9.87:1

Text on #000000

AAA

2.03:1

Text on #F8FAFC

FAIL

8.39:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #BDB61D; }

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

Similar Colors

Goldenrod

#DAA520