Hex Color #D917DD - Custom Color

Color Codes

HEX

#D917DD

RGB

rgb(217, 23, 221)

HSL

hsl(299, 81%, 48%)

CMYK

cmyk(2%, 90%, 0%, 13%)

HSV

hsv(299, 90%, 87%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#7717DE #DA17DE #DE177E

Triadic

#DA17DE #DEDA17 #17DEDA

Split Complementary

#DA17DE #7EDE17 #17DE77

Tetradic (Square)

#DA17DE #DE7717 #1BDE17 #177EDE

Complementary

#D917DD #1BDE17

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 4.10:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 5.12: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: #D917DD;

color: #D917DD;

border-color: #D917DD;

}

Tailwind CSS (with arbitrary values)

bg-[#D917DD]

text-[#D917DD]

border-[#D917DD]

// Example usage: