#BDB27A Color

#BDB27A is rgb(189, 178, 122) in RGB and hsl(50, 34%, 61%) in HSL. The closest CSS named color is DarkKhaki. Black text is most readable on this background.

#BDB27A

HEX#BDB27A

RGBrgb(189, 178, 122)

HSLhsl(50, 34%, 61%)

HSVhsv(50, 35%, 74%)

OKLCHoklch(75.9% 0.075 98.4)

CMYKcmyk(0%, 6%, 35%, 26%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#BDB27A Complementary#7A85BD Analogous#BD907A Analogous#A7BD7A Triadic#7ABDB2 Triadic#B27ABD

Tints & Shades

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

Tints

#C6BC8B #D0C89F #D8D2B0 #E1DCC1 #E9E5D3 #F3F1E7

Shades

#B0A25E #9A8D4C #7E743E #60582F #443F22 #292614

Use #BDB27A in Our Tools

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