Hex Color #77333C - Custom Color

Color Codes

HEX

#77333C

RGB

rgb(119, 51, 60)

HSL

hsl(352, 40%, 33%)

CMYK

cmyk(0%, 57%, 50%, 53%)

HSV

hsv(352, 57%, 47%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#76325D #76323B #764B32

Triadic

#76323B #3B7632 #323B76

Split Complementary

#76323B #32764B #325D76

Tetradic (Square)

#76323B #5D7632 #32766D #4B3276

Complementary

#77333C #32766D

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 9.04:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.32: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: #77333C;

color: #77333C;

border-color: #77333C;

}

Tailwind CSS (with arbitrary values)

bg-[#77333C]

text-[#77333C]

border-[#77333C]

// Example usage: