Hex Color #473732 - Custom Color

Color Codes

HEX

#473732

RGB

rgb(71, 55, 50)

HSL

hsl(14, 17%, 24%)

CMYK

cmyk(0%, 23%, 30%, 72%)

HSV

hsv(14, 30%, 28%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#483338 #483833 #484233

Triadic

#483833 #334838 #383348

Split Complementary

#483833 #334842 #333848

Tetradic (Square)

#483833 #384833 #334348 #423348

Complementary

#473732 #334348

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 11.29:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.86: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: #473732;

color: #473732;

border-color: #473732;

}

Tailwind CSS (with arbitrary values)

bg-[#473732]

text-[#473732]

border-[#473732]

// Example usage: