#777DCF Color

#777DCF is rgb(119, 125, 207) in RGB and hsl(236, 48%, 64%) in HSL. The closest CSS named color is MediumPurple. Black text is most readable on this background.

#777DCF

HEX#777DCF

RGBrgb(119, 125, 207)

HSLhsl(236, 48%, 64%)

HSVhsv(236, 43%, 81%)

OKLCHoklch(62.1% 0.123 279)

CMYKcmyk(43%, 40%, 0%, 19%)

Text Contrast & Accessibility

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

TextWhite text3.74:1AA normal ✗AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#777DCF Complementary#CFC977 Analogous#77A9CF Analogous#9D77CF Triadic#CF777D Triadic#7DCF77

Tints & Shades

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

Tints

#8A8FD6 #9DA1DD #B0B3E3 #BFC2E8 #D2D4EF #E5E6F6

Shades

#555DC3 #3E46B1 #32398F #282D71 #1C1F4F #111331

Use #777DCF in Our Tools

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