#B0BC94 Color

#B0BC94 is rgb(176, 188, 148) in RGB and hsl(78, 23%, 66%) in HSL. The closest CSS named color is DarkGray. Black text is most readable on this background.

#B0BC94

HEX#B0BC94

RGBrgb(176, 188, 148)

HSLhsl(78, 23%, 66%)

HSVhsv(78, 21%, 74%)

OKLCHoklch(77.5% 0.056 121.3)

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

Text Contrast & Accessibility

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

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

TextBlack text10.47:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#B0BC94 Complementary#A094BC Analogous#BCB494 Analogous#9CBC94 Triadic#94B0BC Triadic#BC94B0

Tints & Shades

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

Tints

#BCC6A4 #C5CEB1 #D1D8C0 #DAE0CD #E6E9DC #EFF1E9

Shades

#9BAB78 #86975E #6D7A4D #56613D #3D452B #24291A

Use #B0BC94 in Our Tools

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