#BAFBA2 Color

#BAFBA2 is rgb(186, 251, 162) in RGB and hsl(104, 92%, 81%) in HSL. The closest CSS named color is PaleGreen. Black text is most readable on this background.

#BAFBA2

HEX#BAFBA2

RGBrgb(186, 251, 162)

HSLhsl(104, 92%, 81%)

HSVhsv(104, 35%, 98%)

OKLCHoklch(92.3% 0.134 137.5)

CMYKcmyk(26%, 0%, 35%, 2%)

Text Contrast & Accessibility

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

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

TextBlack text17.41:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#BAFBA2 Complementary#E3A2FB Analogous#E6FBA2 Analogous#A2FBB7 Triadic#A2BAFB Triadic#FBA2BA

Tints & Shades

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

Tints

#C1FCAC #CCFCBA #D3FDC4 #DEFDD3 #E5FEDD #F0FEEB

Shades

#92F96C #6AF736 #46EB0A #36B508 #267F05 #164903

Use #BAFBA2 in Our Tools

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