Hex Color #B0D386 - Custom Color

Color Codes

HEX

#B0D386

RGB

rgb(176, 211, 134)

HSL

hsl(87, 47%, 68%)

CMYK

cmyk(17%, 0%, 36%, 17%)

HSV

hsv(87, 36%, 83%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#D4D087 #B1D487 #8BD487

Triadic

#B1D487 #87B1D4 #D487B1

Split Complementary

#B1D487 #878BD4 #D087D4

Tetradic (Square)

#B1D487 #87D4D0 #AA87D4 #D4878B

Complementary

#B0D386 #AA87D4

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.68:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 12.51: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: #B0D386;

color: #B0D386;

border-color: #B0D386;

}

Tailwind CSS (with arbitrary values)

bg-[#B0D386]

text-[#B0D386]

border-[#B0D386]

// Example usage: