#D4AF37

#D4AF37 is the hex color Goldenrod. Here are its RGB, HSL, HSV, CMYK, and OKLCH values, ready-made shades and palettes, and the text colors that stay readable on it.

This is the nearest named color to #D4AF37; the exact match is none.

Open #D4AF37 in the picker

#D4AF37 color codes

HEX
#D4AF37
HEX8
#D4AF37FF
HEX8 (Android)
#FFD4AF37
RGB
rgb(212, 175, 55)
RGB (%)
83%, 69%, 22%
HSL
hsl(46, 65%, 52%)
HSV / HSB
hsv(46, 74%, 83%)
CMYK
cmyk(0%, 17%, 74%, 17%)
OKLCH
oklch(0.7665 0.1387 91.06)
OKLCH (%)
oklch(76.65% 0.1387 91.06)
Decimal
13938487

What color is #D4AF37?

#D4AF37 sits at 77% lightness and 0.1387 chroma in OKLCH, hue 91.06°. Its nearest named color is Goldenrod.

Shades and tints of #D4AF37

Tints

Shades

Tones

#D4AF37 color harmonies

Complementary

Analogous

Triadic

Split-complementary

Tetradic

Square

Monochromatic

Using #D4AF37 in CSS

.text       { color: #D4AF37; }
.background { background-color: #D4AF37; }
.border     { border: 2px solid #D4AF37; }

/* Modern, perceptually uniform */
.text { color: oklch(0.7665 0.1387 91.06); }

/* #D4AF37 at 50% transparency */
.overlay { background-color: #D4AF3780; }

Is #D4AF37 accessible?

#D4AF37 on white text scores 2.10:1; on black text it scores 9.99:1. Black text passes WCAG AAA on #D4AF37. Recommended text color on a #D4AF37 background: black.

A 9.99:1 vs black
A 2.1:1 vs white
  • AA normal ≥ 4.5 Pass
  • AA large ≥ 3 Pass
  • AAA normal ≥ 7 Pass
  • AAA large ≥ 4.5 Pass

Recommended text color: black

CSS contrast-color() contrast-color(#D4AF37) → black
APCA Lc experimental 62.9 Lc · large / secondary text (black text)

WCAG 2.1 AA/AAA is the compliance floor; APCA is an optional readability metric.

Related colors

Nearest featured color: Gold #FFD700. See more in the yellow family on the colors hub.

Frequently asked questions

What color is #D4AF37?
#D4AF37 is closest to Goldenrod. In RGB it is rgb(212, 175, 55), and in HSL hsl(46, 65%, 52%).
What is #D4AF37 in RGB?
#D4AF37 converts to rgb(212, 175, 55) — red 212, green 175, blue 55.
What text color is readable on #D4AF37?
Black text — it has the higher contrast ratio (9.99:1) against #D4AF37. Black text passes WCAG AAA on #D4AF37.
Open #D4AF37 in the picker