RoyalBlue (#4169E1)

RoyalBlue is rgb(65, 105, 225) in RGB and hsl(225, 73%, 57%) in HSL. White text is most readable on this background.

#4169E1
HEX#4169E1
RGBrgb(65, 105, 225)
HSLhsl(225, 73%, 57%)
HSVhsv(225, 71%, 88%)
OKLCHoklch(56% 0.188 266.4)
CMYKcmyk(71%, 53%, 0%, 12%)

Text Contrast & Accessibility

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

TextWhite text4.85:1AA normal ✓AA large ✓AAA normal ✗
TextBlack text4.33:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#4169E1Complementary#E1B941Analogous#41B9E1Analogous#6941E1Triadic#E14169Triadic#69E141

Tints & Shades

Lighter tints and darker shades of RoyalBlue, useful for hover states, backgrounds, and text variants.

Use RoyalBlue in Our Tools

Hex to RGBHex to HSLHex to CMYKHex to PantoneRGBA to Hex