Hex Color #4C4125 - Custom Color

Color Codes

HEX

#4C4125

RGB

rgb(76, 65, 37)

HSL

hsl(43, 35%, 22%)

CMYK

cmyk(0%, 14%, 51%, 70%)

HSV

hsv(43, 51%, 30%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#4C2D24 #4C4124 #434C24

Triadic

#4C4124 #244C41 #41244C

Split Complementary

#4C4124 #24434C #2D244C

Tetradic (Square)

#4C4124 #244C2D #24304C #4C2443

Complementary

#4C4125 #24304C

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 10.05:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.09: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: #4C4125;

color: #4C4125;

border-color: #4C4125;

}

Tailwind CSS (with arbitrary values)

bg-[#4C4125]

text-[#4C4125]

border-[#4C4125]

// Example usage: