Hex Color #BBDC93 - Custom Color

Color Codes

HEX

#BBDC93

RGB

rgb(187, 220, 147)

HSL

hsl(87, 51%, 72%)

CMYK

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

HSV

hsv(87, 33%, 86%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#DCD893 #BBDC93 #97DC93

Triadic

#BBDC93 #93BBDC #DC93BB

Split Complementary

#BBDC93 #9397DC #D893DC

Tetradic (Square)

#BBDC93 #93DCD8 #B493DC #DC9397

Complementary

#BBDC93 #B493DC

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.52:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 13.77: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: #BBDC93;

color: #BBDC93;

border-color: #BBDC93;

}

Tailwind CSS (with arbitrary values)

bg-[#BBDC93]

text-[#BBDC93]

border-[#BBDC93]

// Example usage: