Hex Color #925727 - Custom Color

Color Codes

HEX

#925727

RGB

rgb(146, 87, 39)

HSL

hsl(27, 58%, 36%)

CMYK

cmyk(0%, 40%, 73%, 43%)

HSV

hsv(27, 73%, 57%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#91272C #915627 #918C27

Triadic

#915627 #279156 #562791

Split Complementary

#915627 #27918C #272C91

Tetradic (Square)

#915627 #2C9127 #276191 #8C2791

Complementary

#925727 #276191

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 5.81:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 3.61: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: #925727;

color: #925727;

border-color: #925727;

}

Tailwind CSS (with arbitrary values)

bg-[#925727]

text-[#925727]

border-[#925727]

// Example usage: