Hex Color #917425 - Custom Color

Color Codes

HEX

#917425

RGB

rgb(145, 116, 37)

HSL

hsl(44, 59%, 36%)

CMYK

cmyk(0%, 20%, 74%, 43%)

HSV

hsv(44, 74%, 57%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#923F26 #927526 #799226

Triadic

#927526 #269275 #752692

Split Complementary

#927526 #267992 #3F2692

Tetradic (Square)

#927526 #26923F #264392 #922679

Complementary

#917425 #264392

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 4.44:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 4.73:1

Pass - 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: #917425;

color: #917425;

border-color: #917425;

}

Tailwind CSS (with arbitrary values)

bg-[#917425]

text-[#917425]

border-[#917425]

// Example usage: