Hex Color #BFE787 - Custom Color

Color Codes

HEX

#BFE787

RGB

rgb(191, 231, 135)

HSL

hsl(85, 67%, 72%)

CMYK

cmyk(17%, 0%, 42%, 9%)

HSV

hsv(85, 42%, 91%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#E7DF88 #C0E788 #90E788

Triadic

#C0E788 #88C0E7 #E788C0

Split Complementary

#C0E788 #8890E7 #DF88E7

Tetradic (Square)

#C0E788 #88E7DF #B088E7 #E78890

Complementary

#BFE787 #B088E7

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.40:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 15.00: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: #BFE787;

color: #BFE787;

border-color: #BFE787;

}

Tailwind CSS (with arbitrary values)

bg-[#BFE787]

text-[#BFE787]

border-[#BFE787]

// Example usage: