bluecoolCSS named color
Royal Blue #4169E1
A strong classic blue with a royal heritage.
Use cases: Classic identity · Uniforms
Color values
| Format | Value | |
|---|---|---|
| HEX | #4169E1 | |
| RGB | rgb(65, 105, 225) | |
| HSL | hsl(225, 73%, 57%) | |
| HSV | hsv(225, 71%, 88%) | |
| CMYK | cmyk(71.1%, 53.3%, 0%, 11.8%) | |
| XYZ | xyz(20.8174, 16.661, 73.3384) | |
| CIE-LAB | lab(47.8, 26.3, -65.3) | |
| Luminance | 0.167 (WCAG relative) |
/* Royal Blue */
color: #4169e1;
background-color: #4169e1;
Shade scale
Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →
Shades (toward black)
#3b5fcb #3454b4 #2e4a9e #273f87 #213571 #1a2a5a #142044 #0d152d #070b17 #000000
Tints (toward white)
#5478e4 #6787e7 #7a96ea #8da5ed #a0b4f0 #b3c3f3 #c6d2f6 #d9e1f9 #ecf0fc #ffffff
Tones (toward gray)
#476bd7 #4e6ece #5470c4 #5a72ba #6175b1 #6777a7 #6d799d #737b93 #7a7e8a #808080
Color harmonies
Complementary
Edit in generator →#4169E1
#E1B941
#4169e1 #e1b941
Analogous
Edit in generator →#41B9E1
#4169E1
#6941E1
#41b9e1 #4169e1 #6941e1
Triadic
Edit in generator →#4169E1
#E14169
#69E141
#4169e1 #e14169 #69e141
Tetradic
Edit in generator →#4169E1
#E141B9
#E1B941
#41E169
#4169e1 #e141b9 #e1b941 #41e169
Split Complementary
Edit in generator →#4169E1
#E16941
#B9E141
#4169e1 #e16941 #b9e141
Monochromatic
Edit in generator →#173591
#1F49C6
#4169E1
#7693E9
#ABBCF2
#173591 #1f49c6 #4169e1 #7693e9 #abbcf2
Accessibility & contrast
4.85
#4169E1 on #FFFFFF
AA text ✓AA large ✓AAA text ✗UI 3:1 ✓
4.33
#4169E1 on #000000
AA text ✗AA large ✓AAA text ✗UI 3:1 ✓
Best text on royal blue
4.85
#FFFFFF text
WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1.
Color blindness preview
Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.
Closest named colors
Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀).
| Color | Name | ΔE₀₀ |
|---|---|---|
| Denim #1560BD | 7.41 | |
| Slate Blue #6A5ACD | 9.11 | |
| Azure #007FFF | 9.38 | |
| Sapphire #0F52BA | 9.75 | |
| Steel Blue #4682B4 | 10.52 | |
| Cobalt #0047AB | 13.37 |
Related colors
Palettes with royal blue
Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.