#7E1287 Color

#7E1287 is rgb(126, 18, 135) in RGB and hsl(295, 76%, 30%) in HSL. The closest CSS named color is Purple. White text is most readable on this background.

#7E1287

HEX#7E1287

RGBrgb(126, 18, 135)

HSLhsl(295, 76%, 30%)

HSVhsv(295, 87%, 53%)

OKLCHoklch(43% 0.188 324.5)

CMYKcmyk(7%, 87%, 0%, 47%)

Text Contrast & Accessibility

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

TextWhite text9.04:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text2.32:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#7E1287 Complementary#1C8712 Analogous#431287 Analogous#871256 Triadic#877D12 Triadic#12877D

Tints & Shades

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

Tints

#A718B4 #CC1EDC #D947E6 #E274EC #EBA1F2 #F4C9F8

Shades

#6C1075 #600E67 #4F0C55 #3E0943 #2E0731 #210524

Use #7E1287 in Our Tools

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