#5D8AA8
Blue family

Air Force Blue

Also known as: calm · trustworthy · military · muted · soothing
Save
Hex #5D8AA8
RGB rgb(93, 138, 168)
HSL hsl(204°, 30%, 51%)
CMYK 45 · 18 · 0 · 34
RAL RAL 5024 · Pastel Blue

RAL and NCS values are nearest equivalents, not official designations.

Meaning

In Western cultures, Air Force Blue symbolizes authority and trust, often used in contexts related to aviation and defense. Contrastingly, in some Eastern cultures, blue can represent healing and tranquility, adding layers to its significance.

The term 'Air Force Blue' was first officially used in 1918 by the British Royal Air Force. The color was inspired by the blue of the sky, which pilots relied on for navigation, making it a vital part of military identity during World War I.

calmtrustworthymilitarymutedsoothing

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Air Force Blue. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 45 Blues →

Shades & tints

Nine steps of Air Force Blue by lightness — from #304857 (darkest) to #ABC2D2 (lightest). Click any to copy.

-40% #304857
-30% #3C586C
-20% #476980
-10% #527994
BASE #5D8AA8
+15% #7098B2
+30% #84A6BD
+50% #97B4C7
+70% #ABC2D2

Complementary

Sitting opposite Air Force Blue at 24° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Air Force Blue.

#5D8AA8
#FFD700
#F5F5F5
#B0E0E6
#2C3E50

Skyward Serenity

Peaceful journey
#5D8AA8
#F39C12
#888888
#2ECC71
#E74C3C

Aviator's Dream

Dynamic flight
#5D8AA8
#FFFFFF
#333333
#FF5733
#900C3F

Navigator's Palette

Bold exploration

Air Force Blue scale

A 50–900 tonal scale with Air Force Blue anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #F2F6F8
100 #E2EAEF
200 #C1D3DE
300 #A1BBCD
400 #7FA3BA
500 #5D8AA8
600 #4C718A
700 #3D5B6F
800 #2F4554
900 #202F39

Accessibility

Works well as text on dark backgrounds; fails on light.

Aa Best text color: #000000 · 5.67:1
Air Force Blue as text on… Ratio AA AAA
Aa White background 3.71:1 Large only Fail
Aa Black background 5.67:1 Pass Large only

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #5D8AA8

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: #5D8AA8;
CSS color-mix (lighten 30%) color-mix(in srgb, #5D8AA8 70%, white)
HSV / HSB 204°, 45%, 66%
CMYK (print) 45, 18, 0, 34
Decimal 6130344
Nearest web-safe #669999

Color vision

How Air Force Blue appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#5D8AA8

Protanopia (no red)

#7071A1

Deuteranopia (no green)

#6E6B9F

Tritanopia (no blue)

#5F9B9A
Lapis Lazuli
22 / 45 Blues French Blue
Copied!