Hex Color #BBE372 - Custom Color

Color Codes

HEX

#BBE372

RGB

rgb(187, 227, 114)

HSL

hsl(81, 67%, 67%)

CMYK

cmyk(18%, 0%, 50%, 11%)

HSV

hsv(81, 50%, 89%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#E3D272 #BCE372 #83E372

Triadic

#BCE372 #72BCE3 #E372BC

Split Complementary

#BCE372 #7283E3 #D272E3

Tetradic (Square)

#BCE372 #72E3D2 #9A72E3 #E37283

Complementary

#BBE372 #9A72E3

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.46:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 14.34: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: #BBE372;

color: #BBE372;

border-color: #BBE372;

}

Tailwind CSS (with arbitrary values)

bg-[#BBE372]

text-[#BBE372]

border-[#BBE372]

// Example usage: