HTML named color
RoyalBlue color code
Use the RoyalBlue HTML color with HEX #4169E1, RGB 65,105,225 and HSL 225,73%,57%. Copy CSS examples, shades and accessible contrast combinations.
Bleus
#4169E1
rgb(65,105,225)
HEX
#4169E1RGB
rgb(65,105,225)HSL
hsl(225,73%,57%)OKLCH
oklch(56.0% 0.188 266.4)CSS name
royalblueHow to use this color
RoyalBlue can be used for CSS text, backgrounds, borders, badges and interface accents. Test contrast before using it for small text, and pair it with neutral colors for a balanced design.
CSS examples
.text-royal-blue {
color: #4169E1;
}
.bg-royal-blue {
background-color: royalblue;
}
.border-royal-blue {
border-color: rgb(65,105,225);
}Shades palette
#07102C#122664#1F3F9E#2E57D1#6784DA#A2B3E6#D7DEF4