Hex Color #544428 - Custom Color

Color Codes

HEX

#544428

RGB

rgb(84, 68, 40)

HSL

hsl(38, 35%, 24%)

CMYK

cmyk(0%, 19%, 52%, 67%)

HSV

hsv(38, 52%, 33%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#532D28 #534328 #4D5328

Triadic

#534328 #285343 #432853

Split Complementary

#534328 #284D53 #2D2853

Tetradic (Square)

#534328 #28532D #283753 #53284D

Complementary

#544428 #283753

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 9.40:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.23: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: #544428;

color: #544428;

border-color: #544428;

}

Tailwind CSS (with arbitrary values)

bg-[#544428]

text-[#544428]

border-[#544428]

// Example usage: