#4169E1 - Royal Blue
Hex color #4169E1 is called Royal Blue. It consists of 25% red, 41% green, and 88% blue in RGB color space. In CMYK it is 71% cyan, 53% magenta, 0% yellow, and 12% black. In HSL it is 225° hue, 73% saturation, and 57% lightness (light) . On this page you can get both color properties and CSS values for such color schemas: HEX, HEXA, RGB, RGBA, HSL, and CMYK; color name, CSS color name, tailwind name for color; shades and tints; monochromatic colors; negative color; and other info.
| Property | Value | CSS |
|---|---|---|
| Name | Royal Blue | — |
| HEX | #4169E1 | #4169E1 |
| HEXA | #4169E1FF | #4169E1FF |
| RGB | 65, 105, 225 | rgb(65, 105, 225) |
| RGBA | 65, 105, 225, 1 | rgba(65, 105, 225, 1) |
| HSL | 225%, 73%, 57% | hsl(225%, 73%, 57%) |
| CMYK | 71%, 53%, 0%, 12% | cmyk(71%, 53%, 0%, 12%) |
| CSS Name | royalblue | — |
| Tailwind Name | — | — |
| Lightness | 57% (light) | — |
As you see on the table, not all names are available for this color.
- The closest color with Tailwind name is #2979ff (blue-400-accent)
Negative color
The color opposite to #4169E1 is #BE961E.
Preview on black and white
As #4169E1 has 57% lightness, this color is dark, so it has more contrast with white.
#4169E1 On White Background
#4169E1
#4169E1
Text Color
This is how text looks with this color.
#4169E1 On Black Background
#4169E1
#4169E1
Text Color
This is how text looks with this color.
Transform color
65, 105, 225rgb(65, 105, 225)