Hex Color #BCEB88 - Custom Color

Color Codes

HEX

#BCEB88

RGB

rgb(188, 235, 136)

HSL

hsl(88, 71%, 73%)

CMYK

cmyk(20%, 0%, 42%, 8%)

HSV

hsv(88, 42%, 92%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#EBE889 #BDEB89 #8DEB89

Triadic

#BDEB89 #89BDEB #EB89BD

Split Complementary

#BDEB89 #898DEB #E889EB

Tetradic (Square)

#BDEB89 #89EBE8 #B789EB #EB898D

Complementary

#BCEB88 #B789EB

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.37:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 15.38: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: #BCEB88;

color: #BCEB88;

border-color: #BCEB88;

}

Tailwind CSS (with arbitrary values)

bg-[#BCEB88]

text-[#BCEB88]

border-[#BCEB88]

// Example usage: