Hex Color #BDDB88 - Custom Color

Color Codes

HEX

#BDDB88

RGB

rgb(189, 219, 136)

HSL

hsl(82, 54%, 70%)

CMYK

cmyk(14%, 0%, 38%, 14%)

HSV

hsv(82, 38%, 86%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#DCD189 #BEDC89 #94DC89

Triadic

#BEDC89 #89BEDC #DC89BE

Split Complementary

#BEDC89 #8994DC #D189DC

Tetradic (Square)

#BEDC89 #89DCD1 #A789DC #DC8994

Complementary

#BDDB88 #A789DC

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.54:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 13.65: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: #BDDB88;

color: #BDDB88;

border-color: #BDDB88;

}

Tailwind CSS (with arbitrary values)

bg-[#BDDB88]

text-[#BDDB88]

border-[#BDDB88]

// Example usage: