#BECB2A Color

#BECB2A is rgb(190, 203, 42) in RGB and hsl(65, 66%, 48%) in HSL. The closest CSS named color is YellowGreen. Black text is most readable on this background.

#BECB2A

HEX#BECB2A

RGBrgb(190, 203, 42)

HSLhsl(65, 66%, 48%)

HSVhsv(65, 79%, 80%)

OKLCHoklch(80.6% 0.171 114.5)

CMYKcmyk(6%, 0%, 79%, 20%)

Text Contrast & Accessibility

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

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

TextBlack text11.77:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#BECB2A Complementary#372ACB Analogous#CB882A Analogous#6DCB2A Triadic#2ABECB Triadic#CB2ABE

Tints & Shades

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

Tints

#CBD841 #D3DE5E #DBE47C #E5EB9E #EDF1BB #F5F7D9

Shades

#A6B224 #8A941E #737B19 #5B6114 #43480F #282A09

Use #BECB2A in Our Tools

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