Hex Color #562128 - Custom Color

Color Codes

HEX

#562128

RGB

rgb(86, 33, 40)

HSL

hsl(352, 45%, 23%)

CMYK

cmyk(0%, 62%, 53%, 66%)

HSV

hsv(352, 62%, 34%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#552042 #552027 #553420

Triadic

#552027 #275520 #202755

Split Complementary

#552027 #205534 #204255

Tetradic (Square)

#552027 #425520 #20554E #342055

Complementary

#562128 #20554E

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 12.77:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.64: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: #562128;

color: #562128;

border-color: #562128;

}

Tailwind CSS (with arbitrary values)

bg-[#562128]

text-[#562128]

border-[#562128]

// Example usage: