Hex Color #D10571 - Custom Color

Color Codes

HEX

#D10571

RGB

rgb(209, 5, 113)

HSL

hsl(328, 95%, 42%)

CMYK

cmyk(0%, 98%, 46%, 18%)

HSV

hsv(328, 98%, 82%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#CA05D1 #D10572 #D1050C

Triadic

#D10572 #72D105 #0572D1

Split Complementary

#D10572 #0CD105 #05D1CA

Tetradic (Square)

#D10572 #D1CA05 #05D164 #050CD1

Complementary

#D10571 #05D164

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 5.29:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 3.97: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: #D10571;

color: #D10571;

border-color: #D10571;

}

Tailwind CSS (with arbitrary values)

bg-[#D10571]

text-[#D10571]

border-[#D10571]

// Example usage: