All CSS Colors
#4169E1royalblue

Royal Blue

CSS named color · Blue family

HEX#4169E1
RGBrgb(65, 105, 225)
HSLhsl(225, 73%, 57%)
CSSroyalblue

Tints & Shades

#e0e7fa
#c1cef5
#a2b6f1
#7f9aeb
#6082e6
#4169E1
#214ed4
#1a3ea8
#142f80
#0d1f54
#07102c
LighterDarker

Complementary Color

Royal Blue

#4169E1

Complement

#e1b941

hsl(45, 73%, 57%)

CSS Usage

.element {
  color: royalblue;
  background-color: royalblue;
}

/* Using hex */
.element {
  color: #4169E1;
  background-color: #4169E1;
}

/* Using RGB */
.element {
  color: rgb(65, 105, 225);
  background-color: rgb(65, 105, 225);
}

Similar Colors

Blue

#0000FF

Cyan

#00FFFF

Navy

#000080

Teal

#008080

Aqua

#00FFFF

Turquoise

#40E0D0

Sky Blue

#87CEEB

Steel Blue

#4682B4

Related Tools

Hex to RGB Converter

Convert any hex color to RGB, HSL, and more

Color Palette Generator

Generate harmonious color palettes from any color

Color Converter

Convert between HEX, RGB, HSL, and more formats

Color Contrast Checker

Check WCAG contrast ratios for accessibility

Browse All CSS Colors

RedBlueGreenYellowOrangePurplePinkCyanMagentaWhiteBlackGraySilverGoldCoralSalmonTomatoCrimsonMaroonNavyTealAquaLimeOliveIndigoVioletPlumOrchidTurquoiseChocolateSiennaPeruTanWheatIvoryLinenBeigeLavenderThistleKhakiSky BlueSteel BlueRoyal BlueDodger BlueDeep PinkHot PinkFuchsiaAquamarineSpring GreenMedium Sea Green