Hex Color #7A601C - Custom Color

Color Codes

HEX

#7A601C

RGB

rgb(122, 96, 28)

HSL

hsl(43, 63%, 29%)

CMYK

cmyk(0%, 21%, 77%, 52%)

HSV

hsv(43, 77%, 48%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#79301B #795E1B #64791B

Triadic

#795E1B #1B795E #5E1B79

Split Complementary

#795E1B #1B6479 #301B79

Tetradic (Square)

#795E1B #1B7930 #1B3679 #791B64

Complementary

#7A601C #1B3679

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 5.97:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 3.52: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: #7A601C;

color: #7A601C;

border-color: #7A601C;

}

Tailwind CSS (with arbitrary values)

bg-[#7A601C]

text-[#7A601C]

border-[#7A601C]

// Example usage: