#778DE4 Color

#778DE4 is rgb(119, 141, 228) in RGB and hsl(228, 67%, 68%) in HSL. The closest CSS named color is CornflowerBlue. Black text is most readable on this background.

#778DE4

HEX#778DE4

RGBrgb(119, 141, 228)

HSLhsl(228, 67%, 68%)

HSVhsv(228, 48%, 89%)

OKLCHoklch(66.4% 0.132 271.7)

CMYKcmyk(48%, 38%, 0%, 11%)

Text Contrast & Accessibility

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

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

TextBlack text6.71:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#778DE4 Complementary#E4CE77 Analogous#77C3E4 Analogous#9877E4 Triadic#E4778D Triadic#8DE477

Tints & Shades

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

Tints

#889BE7 #9DADEC #AEBBEF #BFC9F2 #D0D8F6 #E5EAFA

Shades

#506CDC #2A4CD5 #233FAF #1A2F84 #13225E #0B1437

Use #778DE4 in Our Tools

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