HEX Color #C5AF0F (Goldenrod)

About #C5AF0F

The precise color #C5AF0F 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, 175, and 15.

When sending designs containing this color to a printer, the CMYK values come into play. This specific hue requires a mix of 0% C, 11% M, 92% Y, and 23% K. 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. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#C5AF0F

RGB197, 175, 15

HSL52.7°, 85.8%, 41.6%

CMYK0%, 11%, 92%, 23%

HSV52.7°, 92.4%, 77.3%

LAB71.3, -6.3, 71.7

XYZ38.4, 42.6, 6.6

Decimal12955407

Color Harmonies

Complementary

#C5AF0F #0E24C5

Analogous

#C5540E #7FC50E

Triadic

#0EC5AF #AE0EC5

Tetradic

#0EC554 #0E24C5 #C50E7F

Tints, Shades & Tones

Tints (Adding White)

#C5AF0F

#CBB729

#D1C044

#D8C95F

#DED279

#E5DB94

#EBE4AF

#F2EDC9

#F8F6E4

#FFFFFF

Shades (Adding Black)

#C5AF0F

#AF9B0D

#99880B

#83740A

#6D6108

#574D06

#413A05

#2B2603

#151301

#000000

WCAG Contrast Accessibility

2.21:1

Text on #FFFFFF

FAIL

9.51:1

Text on #000000

AAA

2.11:1

Text on #F8FAFC

FAIL

8.09:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #C5AF0F; }

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

Similar Colors

Goldenrod

#DAA520