#902C86 Color

#902C86 is rgb(144, 44, 134) in RGB and hsl(306, 53%, 37%) in HSL. The closest CSS named color is DarkMagenta. White text is most readable on this background.

#902C86

HEX#902C86

RGBrgb(144, 44, 134)

HSLhsl(306, 53%, 37%)

HSVhsv(306, 69%, 56%)

OKLCHoklch(47.8% 0.17 332.2)

CMYKcmyk(0%, 69%, 7%, 44%)

Text Contrast & Accessibility

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

TextWhite text7.27:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#902C86 Complementary#2C9036 Analogous#682C90 Analogous#902C54 Triadic#86902C Triadic#2C8690

Tints & Shades

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

Tints

#B337A7 #C84CBB #D36FC9 #DD92D6 #E8B5E3 #F2D4EF

Shades

#7D2674 #6D2266 #5A1C54 #461641 #33102F #230B21

Use #902C86 in Our Tools

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