Hex Color #BAEE72 - Custom Color

Color Codes

HEX

#BAEE72

RGB

rgb(186, 238, 114)

HSL

hsl(85, 78%, 69%)

CMYK

cmyk(22%, 0%, 52%, 7%)

HSV

hsv(85, 52%, 93%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#EEE372 #BAEE72 #7DEE72

Triadic

#BAEE72 #72BAEE #EE72BA

Split Complementary

#BAEE72 #727DEE #E372EE

Tetradic (Square)

#BAEE72 #72EEE3 #A672EE #EE727D

Complementary

#BAEE72 #A672EE

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.35:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 15.56: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: #BAEE72;

color: #BAEE72;

border-color: #BAEE72;

}

Tailwind CSS (with arbitrary values)

bg-[#BAEE72]

text-[#BAEE72]

border-[#BAEE72]

// Example usage: