#1958E1 Color

#1958E1 is rgb(25, 88, 225) in RGB and hsl(221, 80%, 49%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#1958E1

HEX#1958E1

RGBrgb(25, 88, 225)

HSLhsl(221, 80%, 49%)

HSVhsv(221, 89%, 88%)

OKLCHoklch(51.4% 0.218 262.8)

CMYKcmyk(89%, 61%, 0%, 12%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#1958E1 Complementary#E1A219 Analogous#19BCE1 Analogous#3E19E1 Triadic#E11958 Triadic#58E119

Tints & Shades

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

Tints

#356EE9 #5585EC #759CF0 #95B3F3 #B6CAF7 #D6E1FA

Shades

#164DC5 #1241A5 #0F368A #0C296A #091F4E #05122E

Use #1958E1 in Our Tools

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