Hex Color #983646 - Custom Color

Color Codes

HEX

#983646

RGB

rgb(152, 54, 70)

HSL

hsl(350, 48%, 40%)

CMYK

cmyk(0%, 64%, 54%, 40%)

HSV

hsv(350, 64%, 60%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#973576 #973545 #975635

Triadic

#973545 #459735 #354597

Split Complementary

#973545 #359756 #357697

Tetradic (Square)

#973545 #769735 #359787 #563597

Complementary

#983646 #359787

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 7.12:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.95: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: #983646;

color: #983646;

border-color: #983646;

}

Tailwind CSS (with arbitrary values)

bg-[#983646]

text-[#983646]

border-[#983646]

// Example usage: