Hex Color #BBFAC2 - Custom Color

Color Codes

HEX

#BBFAC2

RGB

rgb(187, 250, 194)

HSL

hsl(127, 86%, 86%)

CMYK

cmyk(25%, 0%, 22%, 2%)

HSV

hsv(127, 25%, 98%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#D4FABD #BDFAC4 #BDFAE2

Triadic

#BDFAC4 #C4BDFA #FAC4BD

Split Complementary

#BDFAC4 #E2BDFA #FABDD4

Tetradic (Square)

#BDFAC4 #BDD4FA #FABDF3 #FAE2BD

Complementary

#BBFAC2 #FABDF3

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.20:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 17.57:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use black text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #BBFAC2;

color: #BBFAC2;

border-color: #BBFAC2;

}

Tailwind CSS (with arbitrary values)

bg-[#BBFAC2]

text-[#BBFAC2]

border-[#BBFAC2]

// Example usage: