#FFD505 Color

#FFD505 is rgb(255, 213, 5) in RGB and hsl(50, 100%, 51%) in HSL. The closest CSS named color is Gold. Black text is most readable on this background.

#FFD505

HEX#FFD505

RGBrgb(255, 213, 5)

HSLhsl(50, 100%, 51%)

HSVhsv(50, 98%, 100%)

OKLCHoklch(88.3% 0.181 94.4)

CMYKcmyk(0%, 16%, 98%, 0%)

Text Contrast & Accessibility

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

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

TextBlack text14.77:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#FFD505 Complementary#052FFF Analogous#FF5805 Analogous#ACFF05 Triadic#05FFD5 Triadic#D505FF

Tints & Shades

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

Tints

#FFDB29 #FFE047 #FFE66B #FFEC8F #FFF2B3 #FFF7D1

Shades

#E0BB00 #C2A200 #9E8400 #7A6600 #574800 #382F00

Use #FFD505 in Our Tools

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