Hex Color #916174 - Custom Color

Color Codes

HEX

#916174

RGB

rgb(145, 97, 116)

HSL

hsl(336, 20%, 47%)

CMYK

cmyk(0%, 33%, 20%, 43%)

HSV

hsv(336, 33%, 57%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#90608B #906073 #906560

Triadic

#906073 #739060 #607390

Split Complementary

#906073 #609065 #608B90

Tetradic (Square)

#906073 #8B9060 #60907D #656090

Complementary

#916174 #60907D

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 5.04:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 4.17:1

Fail - 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: #916174;

color: #916174;

border-color: #916174;

}

Tailwind CSS (with arbitrary values)

bg-[#916174]

text-[#916174]

border-[#916174]

// Example usage: