Hex Color #BBED7F - Custom Color

Color Codes

HEX

#BBED7F

RGB

rgb(187, 237, 127)

HSL

hsl(87, 75%, 71%)

CMYK

cmyk(21%, 0%, 46%, 7%)

HSV

hsv(87, 46%, 93%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#EDE77E #BBED7E #83ED7E

Triadic

#BBED7E #7EBBED #ED7EBB

Split Complementary

#BBED7E #7E83ED #E77EED

Tetradic (Square)

#BBED7E #7EEDE7 #B07EED #ED7E83

Complementary

#BBED7F #B07EED

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.53: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: #BBED7F;

color: #BBED7F;

border-color: #BBED7F;

}

Tailwind CSS (with arbitrary values)

bg-[#BBED7F]

text-[#BBED7F]

border-[#BBED7F]

// Example usage: