Hex Color #D30571 - Custom Color

Color Codes

HEX

#D30571

RGB

rgb(211, 5, 113)

HSL

hsl(329, 95%, 42%)

CMYK

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

HSV

hsv(329, 98%, 83%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#CD05D1 #D1056E #D10509

Triadic

#D1056E #6ED105 #056ED1

Split Complementary

#D1056E #09D105 #05D1CD

Tetradic (Square)

#D1056E #D1CD05 #05D168 #0509D1

Complementary

#D30571 #05D168

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 5.21:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 4.03: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: #D30571;

color: #D30571;

border-color: #D30571;

}

Tailwind CSS (with arbitrary values)

bg-[#D30571]

text-[#D30571]

border-[#D30571]

// Example usage: