Hex Color #7D3419 - Custom Color

Color Codes

HEX

#7D3419

RGB

rgb(125, 52, 25)

HSL

hsl(16, 67%, 29%)

CMYK

cmyk(0%, 58%, 80%, 51%)

HSV

hsv(16, 80%, 49%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#7B1830 #7B3318 #7B6418

Triadic

#7B3318 #187B33 #33187B

Split Complementary

#7B3318 #187B64 #18307B

Tetradic (Square)

#7B3318 #307B18 #18617B #64187B

Complementary

#7D3419 #18617B

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 8.83:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.38: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: #7D3419;

color: #7D3419;

border-color: #7D3419;

}

Tailwind CSS (with arbitrary values)

bg-[#7D3419]

text-[#7D3419]

border-[#7D3419]

// Example usage: