#FAD785 Color

#FAD785 is rgb(250, 215, 133) in RGB and hsl(42, 92%, 75%) in HSL. The closest CSS named color is Khaki. Black text is most readable on this background.

#FAD785

HEX#FAD785

RGBrgb(250, 215, 133)

HSLhsl(42, 92%, 75%)

HSVhsv(42, 47%, 98%)

OKLCHoklch(89.1% 0.108 87.1)

CMYKcmyk(0%, 14%, 47%, 2%)

Text Contrast & Accessibility

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

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

TextBlack text15.12:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#FAD785 Complementary#85A8FA Analogous#FA9C85 Analogous#E2FA85 Triadic#85FAD7 Triadic#D785FA

Tints & Shades

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

Tints

#FBDC93 #FBE2A7 #FCE7B6 #FDECC4 #FDF0D3 #FEF7E7

Shades

#F8C754 #F6B623 #DC9D09 #A67707 #765405 #453103

Use #FAD785 in Our Tools

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