#D307F2 Color

#D307F2 is rgb(211, 7, 242) in RGB and hsl(292, 94%, 49%) in HSL. The closest CSS named color is Fuchsia. Black text is most readable on this background.

#D307F2

HEX#D307F2

RGBrgb(211, 7, 242)

HSLhsl(292, 94%, 49%)

HSVhsv(292, 97%, 95%)

OKLCHoklch(62.9% 0.298 320.9)

CMYKcmyk(13%, 97%, 0%, 5%)

Text Contrast & Accessibility

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

TextWhite text4.13:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text5.08:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#D307F2 Complementary#27F207 Analogous#5E07F2 Analogous#F2079C Triadic#F2D307 Triadic#07F2D3

Tints & Shades

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

Tints

#DC25F8 #E248F9 #E76BFA #ED8DFB #F2B0FD #F8D2FE

Shades

#B907D5 #9B06B2 #810594 #630472 #490354 #2B0231

Use #D307F2 in Our Tools

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