#6026F2 Color

#6026F2 is rgb(96, 38, 242) in RGB and hsl(257, 89%, 55%) in HSL. The closest CSS named color is BlueViolet. White text is most readable on this background.

#6026F2

HEX#6026F2

RGBrgb(96, 38, 242)

HSLhsl(257, 89%, 55%)

HSVhsv(257, 84%, 95%)

OKLCHoklch(50.1% 0.268 284)

CMYKcmyk(60%, 84%, 0%, 5%)

Text Contrast & Accessibility

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

TextWhite text6.87:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.06:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#6026F2 Complementary#B9F226 Analogous#2652F2 Analogous#C626F2 Triadic#F26026 Triadic#26F260

Tints & Shades

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

Tints

#7543F4 #8A60F6 #A07DF7 #B89FF9 #CEBCFB #E3D8FD

Shades

#4B0DE7 #3F0BC1 #34099F #29077D #1E055C #110335

Use #6026F2 in Our Tools

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