#BAC313 Color

#BAC313 is rgb(186, 195, 19) in RGB and hsl(63, 82%, 42%) in HSL. The closest CSS named color is YellowGreen. Black text is most readable on this background.

#BAC313

HEX#BAC313

RGBrgb(186, 195, 19)

HSLhsl(63, 82%, 42%)

HSVhsv(63, 90%, 76%)

OKLCHoklch(78.4% 0.172 113.1)

CMYKcmyk(5%, 0%, 90%, 24%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#BAC313 Complementary#1C13C3 Analogous#C37413 Analogous#62C313 Triadic#13BAC3 Triadic#C313BA

Tints & Shades

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

Tints

#DEE817 #E3EC3C #E8EF61 #EEF386 #F3F7AB #F8FAD1

Shades

#A4AC11 #89900E #73790C #595D09 #424607 #282A04

Use #BAC313 in Our Tools

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