Hex Color #561D7E - Custom Color

Color Codes

HEX

#561D7E

RGB

rgb(86, 29, 126)

HSL

hsl(275, 63%, 30%)

CMYK

cmyk(32%, 77%, 0%, 51%)

HSV

hsv(275, 77%, 49%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#241C7D #551C7D #7D1C75

Triadic

#551C7D #7D551C #1C7D55

Split Complementary

#551C7D #757D1C #1C7D24

Tetradic (Square)

#551C7D #7D241C #447D1C #1C757D

Complementary

#561D7E #447D1C

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 11.21:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.87: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: #561D7E;

color: #561D7E;

border-color: #561D7E;

}

Tailwind CSS (with arbitrary values)

bg-[#561D7E]

text-[#561D7E]

border-[#561D7E]

// Example usage: