Hex Color #96376B - Custom Color

Color Codes

HEX

#96376B

RGB

rgb(150, 55, 107)

HSL

hsl(327, 46%, 40%)

CMYK

cmyk(0%, 63%, 29%, 41%)

HSV

hsv(327, 63%, 59%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#903795 #95376B #95373C

Triadic

#95376B #6B9537 #376B95

Split Complementary

#95376B #3C9537 #379590

Tetradic (Square)

#95376B #959037 #379561 #373C95

Complementary

#96376B #379561

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 6.87:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 3.06: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: #96376B;

color: #96376B;

border-color: #96376B;

}

Tailwind CSS (with arbitrary values)

bg-[#96376B]

text-[#96376B]

border-[#96376B]

// Example usage: