#D5B948 Color

#D5B948 is rgb(213, 185, 72) in RGB and hsl(48, 63%, 56%) in HSL. The closest CSS named color is DarkKhaki. Black text is most readable on this background.

#D5B948

HEX#D5B948

RGBrgb(213, 185, 72)

HSLhsl(48, 63%, 56%)

HSVhsv(48, 66%, 84%)

OKLCHoklch(78.9% 0.134 95.2)

CMYKcmyk(0%, 13%, 66%, 16%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #D5B948 background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text1.93:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text10.86:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

Colors that pair well with #D5B948 based on color wheel relationships. Click any swatch for its full breakdown.

Base#D5B948 Complementary#4864D5 Analogous#D57348 Analogous#ABD548 Triadic#48D5B9 Triadic#B948D5

Tints & Shades

Lighter tints and darker shades of #D5B948, useful for hover states, backgrounds, and text variants.

Tints

#DBC361 #E1CC7A #E6D693 #ECDFAC #F2E9C5 #F7F2DE

Shades

#CCAC2E #AA9027 #8D7720 #6C5B19 #4F4312 #2E270A

Use #D5B948 in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex