#5048EF Color

#5048EF is rgb(80, 72, 239) in RGB and hsl(243, 84%, 61%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#5048EF

HEX#5048EF

RGBrgb(80, 72, 239)

HSLhsl(243, 84%, 61%)

HSVhsv(243, 70%, 94%)

OKLCHoklch(52.3% 0.24 276.3)

CMYKcmyk(67%, 70%, 0%, 6%)

Text Contrast & Accessibility

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

TextWhite text5.98:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#5048EF Complementary#E7EF48 Analogous#4893EF Analogous#A448EF Triadic#EF5048 Triadic#48EF50

Tints & Shades

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

Tints

#675FF1 #827CF4 #9893F6 #AEABF8 #C5C2FA #E0DEFC

Shades

#2D22EC #1C12D3 #170FAE #110B83 #0C085E #070538

Use #5048EF in Our Tools

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