Hex Color #BEEBC4 - Custom Color

Color Codes

HEX

#BEEBC4

RGB

rgb(190, 235, 196)

HSL

hsl(128, 53%, 83%)

CMYK

cmyk(19%, 0%, 17%, 8%)

HSV

hsv(128, 19%, 92%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#CEEBBD #BDEBC3 #BDEBDA

Triadic

#BDEBC3 #C3BDEB #EBC3BD

Split Complementary

#BDEBC3 #DABDEB #EBBDCE

Tetradic (Square)

#BDEBC3 #BDCEEB #EBBDE4 #EBDABD

Complementary

#BEEBC4 #EBBDE4

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.87: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: #BEEBC4;

color: #BEEBC4;

border-color: #BEEBC4;

}

Tailwind CSS (with arbitrary values)

bg-[#BEEBC4]

text-[#BEEBC4]

border-[#BEEBC4]

// Example usage: