Hex Color #D558E5 - Custom Color

Color Codes

HEX

#D558E5

RGB

rgb(213, 88, 229)

HSL

hsl(293, 73%, 62%)

CMYK

cmyk(7%, 62%, 0%, 10%)

HSV

hsv(293, 62%, 90%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#8E57E5 #D457E5 #E557AF

Triadic

#D457E5 #E5D457 #57E5D4

Split Complementary

#D457E5 #AFE557 #57E58E

Tetradic (Square)

#D457E5 #E58E57 #68E557 #57AFE5

Complementary

#D558E5 #68E557

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.30:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 6.36:1

Pass - 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: #D558E5;

color: #D558E5;

border-color: #D558E5;

}

Tailwind CSS (with arbitrary values)

bg-[#D558E5]

text-[#D558E5]

border-[#D558E5]

// Example usage: