Hex Color #BAEDB4 - Custom Color

Color Codes

HEX

#BAEDB4

RGB

rgb(186, 237, 180)

HSL

hsl(114, 61%, 82%)

CMYK

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

HSV

hsv(114, 24%, 93%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#D7EDB5 #BBEDB5 #B5EDCC

Triadic

#BBEDB5 #B5BBED #EDB5BB

Split Complementary

#BBEDB5 #CCB5ED #EDB5D7

Tetradic (Square)

#BBEDB5 #B5D7ED #E7B5ED #EDCCB5

Complementary

#BAEDB4 #E7B5ED

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.32:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 15.86: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: #BAEDB4;

color: #BAEDB4;

border-color: #BAEDB4;

}

Tailwind CSS (with arbitrary values)

bg-[#BAEDB4]

text-[#BAEDB4]

border-[#BAEDB4]

// Example usage: