#D2D912 Color

#D2D912 is rgb(210, 217, 18) in RGB and hsl(62, 85%, 46%) in HSL. The closest CSS named color is Gold. Black text is most readable on this background.

#D2D912

HEX#D2D912

RGBrgb(210, 217, 18)

HSLhsl(62, 85%, 46%)

HSVhsv(62, 92%, 85%)

OKLCHoklch(85.1% 0.186 112.1)

CMYKcmyk(3%, 0%, 92%, 15%)

Text Contrast & Accessibility

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

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

TextBlack text13.67:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#D2D912 Complementary#1812D9 Analogous#D97C12 Analogous#6FD912 Triadic#12D2D9 Triadic#D912D2

Tints & Shades

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

Tints

#E6ED21 #EAF047 #EEF368 #F2F68E #F6F8AF #FAFCD5

Shades

#B7BD0F #9BA00D #80840B #656808 #494B06 #2E2F04

Use #D2D912 in Our Tools

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