Royalblue4
royalblue4 · #27408B
HEX
#27408B
RGB
rgb(39, 64, 139)
CMYK
cmyk(72%, 54%, 0%, 45%)
HSL
hsl(225, 56%, 35%)
LAB
lab(29.3, 17.5, -44.6)
What is Royalblue4?
Royalblue4 is the royalblue4 reference in the X11 named colors. Its sRGB value is #27408B (rgb 39, 64, 139). It sits in the blue family. Historical X Window System color names — the numbered 1-4 lightness variants of the classic xorg-server rgb.txt palette. See disclaimer for accuracy and trademark notes.
Accessibility
WCAG 2.1 contrast checks for Royalblue4 as a background.
Black text on this color
White text on this color
Shades, tints & tonal scale of Royalblue4
An 11-step tonal scale derived from Royalblue4 (#27408B). Click any swatch to copy its HEX. Use these as a starting point for design tokens, hover states, and disabled states in a design system.
50
#EEF0F6
#EEF0F6
100
#DCE0EC
#DCE0EC
200
#BAC2DA
#BAC2DA
300
#93A0C5
#93A0C5
400
#5D70A8
#5D70A8
500
#27408B
#27408B
600
#213676
#213676
700
#192A5A
#192A5A
800
#121D3F
#121D3F
900
#0A1023
#0A1023
950
#050811
#050811
Lighter tints (mixed with white)
15%
#727AA4
30%
#989DB8
45%
#B5B8CA
60%
#CDCEDA
75%
#E1E2E9
Darker shades (mixed with black)
15%
#243B81
30%
#203576
45%
#1B2F69
60%
#16275A
75%
#101E48
Color harmonies for Royalblue4
Classic color-theory harmonies derived from rotating the hue of Royalblue4. Use these to build accent palettes, brand systems, and accessible UI color pairings.
Complementary
180° opposite — strongest contrast
#27408B
#27408B
#8B7227
#8B7227
Triadic
Three colors 120° apart
#27408B
#27408B
#8B2740
#8B2740
#408B27
#408B27
Analogous
Two neighbors ±30° on the wheel
#27728B
#27728B
#27408B
#27408B
#40278B
#40278B
Split-complementary
Base + two colors flanking its complement
#27408B
#27408B
#8B4027
#8B4027
#728B27
#728B27
Tetradic
Two complementary pairs
#27408B
#27408B
#72278B
#72278B
#8B7227
#8B7227
#408B27
#408B27
Square
Four colors evenly spaced 90° apart
#27408B
#27408B
#8B2772
#8B2772
#8B7227
#8B7227
#278B40
#278B40
Royalblue4 in every color space
Full conversion of Royalblue4 across the color spaces designers and developers actually use — including OKLCH (the perceptually-uniform space that powers Tailwind v4 and CSS Color Module Level 4) and HWB.
HEX
#27408B
RGB
rgb(39, 64, 139)
CMYK
cmyk(72%, 54%, 0%, 45%)
HSL
hsl(225, 56%, 35%)
HSV
hsv(225, 72%, 55%)
HWB
hwb(225 15% 45%)
CIE Lab
lab(29.3 17.5 -44.6)
OKLCH
oklch(39.7% 0.129 266.6)
XYZ (D65)
xyz(7.33, 5.96, 25.19)
Copy-ready code for Royalblue4
Drop-in snippets for CSS, Tailwind, Sass, iOS Swift, and Android XML. Click the copy button on any snippet to put it on your clipboard.
CSS
color: #27408B;
background-color: #27408B;CSS variable
:root {
--color-royalblue4: #27408B;
}Tailwind config
// tailwind.config.js
colors: {
'royalblue4': '#27408B',
}Sass
$color-royalblue4: #27408B;Swift UIColor
UIColor(red: 0.153, green: 0.251, blue: 0.545, alpha: 1.0)Android XML
<color name="royalblue4">#27408B</color>Closest match in every color system
The nearest Royalblue4 equivalent in every other color system on this site, ranked by ΔE2000 perceptual distance. Useful when translating between design-system, web-standard, and industrial color references.
Closest in X11 named colors
Top 6 ΔE2000-closest entries within the same collection.
Closest Pantone matches
Top 6 ΔE2000-closest Pantone references. Cross-system matching is approximate — see disclaimer.
Closest RAL Classic matches
Top 6 ΔE2000-closest RAL Classic references for industrial coating cross-reference.
RAL 5017
#063971
Traffic blue
RAL 5000
#354D73
Violet blue
RAL 5019
#1B5583
Capri blue
RAL 5005
#1E2460
Signal blue
RAL 5020
#1D334A
Ocean blue
RAL 5007
#3E5F8A
Brilliant blue
FAQ about Royalblue4
What is the HEX code for Royalblue4?
Royalblue4 (royalblue4) has the HEX code #27408B. In RGB it is rgb(39, 64, 139), and in CMYK it is cmyk(72%, 54%, 0%, 45%).
What is the OKLCH value of Royalblue4?
Royalblue4 converts to oklch(0.397 0.129 266.6). OKLCH is the perceptually uniform color space used by Tailwind v4 and CSS Color Module Level 4.
Is Royalblue4 accessible for body text?
Used as a background, Royalblue4 has a contrast ratio of 2.19:1 with black text and 9.58:1 with white text. WCAG 2.1 AA requires 4.5:1 for normal text. The current recommendation is to use white text and verify in real UI context.
What is the closest Pantone to Royalblue4?
The closest Pantone reference to Royalblue4 by ΔE2000 perceptual distance is Pantone 286 U (#1F3A93). Cross-system Pantone matching is approximate; for color-critical print work, verify with a physical Pantone guide.
What is the closest RAL color to Royalblue4?
The closest RAL Classic reference to Royalblue4 by ΔE2000 distance is RAL 5017 (Traffic blue, #063971). RAL is a German industrial coating standard commonly used for paint, powder coat, and architectural specification.
What is the complementary color of Royalblue4?
The complementary color (180° opposite on the HSL color wheel) of Royalblue4 is #8B7227. Use it for high-contrast accents, error states, or call-to-action pairings.
Data provenance & source
X11 named colors (xorg rgb.txt)
The historical X11 color name list shipped in the xorg-server rgb.txt file. Roughly 550 entries covering classic computing color names like 'PapayaWhip', 'MediumAquamarine', and 'DarkSlateGray'. Many CSS named colors originate here. Use as a reference for legacy and creative color names. Most modern CSS implementations accept these names directly.
- Source type
- derived
- Confidence
- high
- License
- MIT/X11 license (X Consortium)
- Last reviewed
- 2026-05-24
Workflow tags
X11 colors are sRGB digital values from a 1980s color system. For print, convert to a process-appropriate color and proof against substrate.