#B4C341 Color

#B4C341 is rgb(180, 195, 65) in RGB and hsl(67, 52%, 51%) in HSL. The closest CSS named color is YellowGreen. Black text is most readable on this background.

#B4C341

HEX#B4C341

RGBrgb(180, 195, 65)

HSLhsl(67, 52%, 51%)

HSVhsv(67, 67%, 76%)

OKLCHoklch(78.1% 0.152 115.7)

CMYKcmyk(8%, 0%, 67%, 24%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#B4C341 Complementary#5041C3 Analogous#C39141 Analogous#73C341 Triadic#41B4C3 Triadic#C341B4

Tints & Shades

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

Tints

#BFCC5C #C8D373 #D3DC8F #DDE4AA #E8EDC5 #F1F4DC

Shades

#9DAB36 #88932F #6F7826 #565D1D #3D4215 #272B0D

Use #B4C341 in Our Tools

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