#774EFD Color

#774EFD is rgb(119, 78, 253) in RGB and hsl(254, 98%, 65%) in HSL. The closest CSS named color is MediumSlateBlue. White text is most readable on this background.

#774EFD

HEX#774EFD

RGBrgb(119, 78, 253)

HSLhsl(254, 98%, 65%)

HSVhsv(254, 69%, 99%)

OKLCHoklch(57.4% 0.244 286.7)

CMYKcmyk(53%, 69%, 0%, 1%)

Text Contrast & Accessibility

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

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

TextBlack text4.29:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#774EFD Complementary#D4FD4E Analogous#4E7DFD Analogous#CF4EFD Triadic#FD774E Triadic#4EFD77

Tints & Shades

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

Tints

#8B68FD #9A7CFE #AD95FE #C1AEFE #D4C7FE #E4DCFF

Shades

#5421FD #3A02F2 #2F02C5 #250297 #1A016A #100142

Use #774EFD in Our Tools

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