bluecoolCC0 survey name

Light Navy #155084

Light Navy is a dark, vivid cool color (#155084; HSL 208° 73% 30%). Name from the public-domain xkcd color survey (CC0), where it was contributed as “light navy”.

Use cases: Trust UI · Corporate accents

Open in generator →

Families: Blues

Color values

FormatValue
HEX#155084
RGBrgb(21, 80, 132)
HSLhsl(208, 73%, 30%)
HSVhsv(208, 84%, 52%)
OKLCHoklch(42.26% 0.105 249.8)
OKLaboklab(42.26% -0.0361 -0.0981)
CMYKcmyk(84.1%, 39.4%, 0%, 48.2%)
XYZxyz(7.3412, 7.5618, 22.898)
CIE-LABlab(33.1, 1.5, -34.4)
CIE-LCHlch(33.1, 34.4, 272.5°)
Luminance0.076 (WCAG relative)
/* Light Navy */ --light-navy: #155084; color: #155084; background-color: #155084;

Source: xkcd color survey name (public domain, CC0). CSS keyword: lightnavy.

Collections: Dark Blue Shades · Jewel Tone Colors · Ocean Colors

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

OKLCH ramp (perceptually uniform, modern CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#174876 #184068 #19395b #18314e #172a41 #152335 #131c29 #10151e #090c12 #000000

Tints (toward white)

#376090 #50709c #6680a8 #7c91b4 #92a3c0 #a8b4cd #bdc7d9 #d3d9e6 #e9ecf2 #ffffff

Tones (toward gray)

#23507e #2c4f79 #334f74 #394f6e #3e4f69 #424e63 #454e5e #494e58 #4b4e53 #4e4e4e

Color harmonies

Complementary

Edit in generator →
#155084
#844915
#155084 #844915

Analogous

Edit in generator →
#158480
#155084
#151984
#158480 #155084 #151984

Triadic

Edit in generator →
#155084
#841550
#508415
#155084 #841550 #508415

Tetradic

Edit in generator →
#155084
#801584
#844915
#198415
#155084 #801584 #844915 #198415

Square

Edit in generator →
#155084
#801584
#844915
#198415
#155084 #801584 #844915 #198415

Split Complementary

Edit in generator →
#155084
#841519
#848015
#155084 #841519 #848015

Monochromatic

Edit in generator →
#04101A
#0D304F
#155084
#1D70B9
#358FDF
#04101a #0d304f #155084 #1d70b9 #358fdf

Accessibility & contrast

8.36
#155084 on #FFFFFF
AA text AA large AAA text UI 3:1
2.51
#155084 on #000000
AA text AA large AAA text UI 3:1

Best text on light navy

8.36
#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. Open the contrast checker →

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.

Normal vision
Protanopia (red-blind)
#375386
Deuteranopia (green-blind)
#264983
Tritanopia (blue-blind)
#005C63

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Dusk Blue #26538D2.59
Prussian Blue #0045773.69
Twilight Blue #0A437A4.40
Denim Blue #3B5B925.88
Cobalt #0047AB6.54
Sapphire #0F52BA6.95

Colors that go with light navy

Top matches by hue harmony, contrast and saturation compatibility.

Light Blue #95D0FC
5.1:1
Same hue family as light navy (Δh 2°) — guaranteed harmony
Periwinkle #CCCCFF
5.4:1
Analogous hue (Δh ≈32°) — neighbors on the color wheel
Sage Green #9CAF88
3.5:1
Triadic harmony (Δh ≈119°) — balanced three-way contrast
Cream #FFFDD0
8.0:1
Split-complementary angle (Δh ≈151°) — strong but softer than direct complement
Warm Beige #E9DCC9
6.2:1
Complementary hue (Δh ≈172°) — maximum hue contrast

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.