Hex Color #562222 - Custom Color

Color Codes

HEX

#562222

RGB

rgb(86, 34, 34)

HSL

hsl(0, 43%, 24%)

CMYK

cmyk(0%, 60%, 60%, 66%)

HSV

hsv(0, 60%, 34%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#58233D #582323 #583D23

Triadic

#582323 #235823 #232358

Split Complementary

#582323 #23583D #233D58

Tetradic (Square)

#582323 #3D5823 #235858 #3D2358

Complementary

#562222 #235858

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 12.75:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.65: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: #562222;

color: #562222;

border-color: #562222;

}

Tailwind CSS (with arbitrary values)

bg-[#562222]

text-[#562222]

border-[#562222]

// Example usage: