Hex Color #561A05 - Custom Color

Color Codes

HEX

#561A05

RGB

rgb(86, 26, 5)

HSL

hsl(16, 89%, 18%)

CMYK

cmyk(0%, 70%, 94%, 66%)

HSV

hsv(16, 94%, 34%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#570518 #571B05 #574405

Triadic

#571B05 #05571B #1B0557

Split Complementary

#571B05 #055744 #051857

Tetradic (Square)

#571B05 #185705 #054157 #440557

Complementary

#561A05 #054157

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 13.59:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.55: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: #561A05;

color: #561A05;

border-color: #561A05;

}

Tailwind CSS (with arbitrary values)

bg-[#561A05]

text-[#561A05]

border-[#561A05]

// Example usage: