Hex Color #BBDB84 - Custom Color

Color Codes

HEX

#BBDB84

RGB

rgb(187, 219, 132)

HSL

hsl(82, 55%, 69%)

CMYK

cmyk(15%, 0%, 40%, 14%)

HSV

hsv(82, 40%, 86%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#DBD084 #BCDB84 #90DB84

Triadic

#BCDB84 #84BCDB #DB84BC

Split Complementary

#BCDB84 #8490DB #D084DB

Tetradic (Square)

#BCDB84 #84DBD0 #A484DB #DB8490

Complementary

#BBDB84 #A484DB

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.55:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 13.58: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: #BBDB84;

color: #BBDB84;

border-color: #BBDB84;

}

Tailwind CSS (with arbitrary values)

bg-[#BBDB84]

text-[#BBDB84]

border-[#BBDB84]

// Example usage: