#B4B055 Color

#B4B055 is rgb(180, 176, 85) in RGB and hsl(57, 39%, 52%) in HSL. The closest CSS named color is DarkKhaki. Black text is most readable on this background.

#B4B055

HEX#B4B055

RGBrgb(180, 176, 85)

HSLhsl(57, 39%, 52%)

HSVhsv(57, 53%, 71%)

OKLCHoklch(74.2% 0.114 106.6)

CMYKcmyk(0%, 2%, 53%, 29%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#B4B055 Complementary#555AB4 Analogous#B48055 Analogous#89B455 Triadic#55B4B0 Triadic#B055B4

Tints & Shades

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

Tints

#BFBB6E #C9C583 #D3D19C #DDDBB1 #E8E6CA #F1F0DF

Shades

#A09B46 #87833B #6E6B30 #595627 #403E1C #272611

Use #B4B055 in Our Tools

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