#D970FF Color

#D970FF is rgb(217, 112, 255) in RGB and hsl(284, 100%, 72%) in HSL. The closest CSS named color is Violet. Black text is most readable on this background.

#D970FF

HEX#D970FF

RGBrgb(217, 112, 255)

HSLhsl(284, 100%, 72%)

HSVhsv(284, 56%, 100%)

OKLCHoklch(72.1% 0.219 316.2)

CMYKcmyk(15%, 56%, 0%, 0%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #D970FF background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text2.72:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text7.71:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

Colors that pair well with #D970FF based on color wheel relationships. Click any swatch for its full breakdown.

Base#D970FF Complementary#96FF70 Analogous#9270FF Analogous#FF70DE Triadic#FFD970 Triadic#70FFD9

Tints & Shades

Lighter tints and darker shades of #D970FF, useful for hover states, backgrounds, and text variants.

Tints

#DE85FF #E294FF #E8A8FF #EDBDFF #F3D1FF #F7E0FF

Shades

#CB3DFF #BF0FFF #A100DB #7B00A8 #560075 #340047

Use #D970FF in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex