Hex Color #836F88 - Custom Color

Color Codes

HEX

#836F88

RGB

rgb(131, 111, 136)

HSL

hsl(288, 10%, 48%)

CMYK

cmyk(4%, 18%, 0%, 47%)

HSV

hsv(288, 18%, 53%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#766E87 #826E87 #876E7F

Triadic

#826E87 #87826E #6E8782

Split Complementary

#826E87 #7F876E #6E8776

Tetradic (Square)

#826E87 #87766E #73876E #6E7F87

Complementary

#836F88 #73876E

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 4.57:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 4.59:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use white text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #836F88;

color: #836F88;

border-color: #836F88;

}

Tailwind CSS (with arbitrary values)

bg-[#836F88]

text-[#836F88]

border-[#836F88]

// Example usage: