#BEB25B Color

#BEB25B is rgb(190, 178, 91) in RGB and hsl(53, 43%, 55%) in HSL. The closest CSS named color is DarkKhaki. Black text is most readable on this background.

#BEB25B

HEX#BEB25B

RGBrgb(190, 178, 91)

HSLhsl(53, 43%, 55%)

HSVhsv(53, 52%, 75%)

OKLCHoklch(75.5% 0.11 101.5)

CMYKcmyk(0%, 6%, 52%, 25%)

Text Contrast & Accessibility

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

TextWhite text2.16:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text9.71:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#BEB25B Complementary#5B66BE Analogous#BE815B Analogous#98BE5B Triadic#5BBEB2 Triadic#B25BBE

Tints & Shades

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

Tints

#C6BC71 #CFC787 #D8D19D #E2DDB6 #EBE7CC #F3F1E2

Shades

#AFA346 #92883A #787030 #5F5826 #45401C #282510

Use #BEB25B in Our Tools

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