cyancoolCC0 survey name

Neon Blue #04D9FF

Neon Blue is a mid-tone, vivid cool color (#04D9FF; HSL 189° 100% 51%). Name from the public-domain xkcd color survey (CC0), where it was contributed as “neon blue”.

Use cases: Fresh accents · Aquatic themes

Open in generator →

Families: Cyans · Teals · Turquoise Colors

Color values

FormatValue
HEX#04D9FF
RGBrgb(4, 217, 255)
HSLhsl(189, 100%, 51%)
HSVhsv(189, 98%, 100%)
OKLCHoklch(81.61% 0.145 216.5)
OKLaboklab(81.61% -0.1165 -0.0864)
CMYKcmyk(98.4%, 14.9%, 0%, 0%)
XYZxyz(42.905, 56.8657, 103.3032)
CIE-LABlab(80.1, -30.7, -30.8)
CIE-LCHlch(80.1, 43.5, 225.1°)
Luminance0.569 (WCAG relative)
/* Neon Blue */ --neon-blue: #04d9ff; color: #04d9ff; background-color: #04d9ff;

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

Collections: Vibrant Colors · Neon Colors · Tropical 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)

#18c1e2 #1fa9c6 #2392ab #247c91 #236777 #20525e #1c3e47 #172b30 #10191b #000000

Tints (toward white)

#4dddff #6de1ff #85e5ff #9ae9ff #aeecff #bff0ff #d0f4ff #e0f8ff #f0fbff #ffffff

Tones (toward gray)

#45d7f9 #60d6f4 #74d4ee #84d2e8 #92d0e3 #9ecedd #aacdd7 #b4cbd2 #bec9cc #c7c7c7

Color harmonies

Complementary

Edit in generator →
#04D9FF
#FF2A04
#04d9ff #ff2a04

Analogous

Edit in generator →
#04FFA8
#04D9FF
#045BFF
#04ffa8 #04d9ff #045bff

Triadic

Edit in generator →
#04D9FF
#FF04D9
#D9FF04
#04d9ff #ff04d9 #d9ff04

Tetradic

Edit in generator →
#04D9FF
#A804FF
#FF2A04
#5BFF04
#04d9ff #a804ff #ff2a04 #5bff04

Square

Edit in generator →
#04D9FF
#A804FF
#FF2A04
#5BFF04
#04d9ff #a804ff #ff2a04 #5bff04

Split Complementary

Edit in generator →
#04D9FF
#FF045B
#FFA804
#04d9ff #ff045b #ffa804

Monochromatic

Edit in generator →
#007489
#00A8C6
#04D9FF
#41E2FF
#7EECFF
#007489 #00a8c6 #04d9ff #41e2ff #7eecff

Accessibility & contrast

1.70
#04D9FF on #FFFFFF
AA text AA large AAA text UI 3:1
12.37
#04D9FF on #000000
AA text AA large AAA text UI 3:1

Best text on neon blue

12.37
#000000 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)
#C0D2FF
Deuteranopia (green-blind)
#A4BEFF
Tritanopia (blue-blind)
#00E6E5

Closest named colors

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

ColorNameΔE₀₀
Aqua Blue #02D8E96.43
Robin'S Egg #6DEDFD7.75
Sky Blue #87CEEB7.79
Baby Blue #89CFF08.30
Lightskyblue #87CEFA9.99
Deepskyblue #00BFFF10.02

Colors that go with neon blue

Top matches by hue harmony, contrast and saturation compatibility.

Dusk Blue #26538D
4.6:1
Analogous hue (Δh ≈25°) — neighbors on the color wheel
Deep Green #02590F
5.1:1
Text-safe contrast with the anchor (5.07:1, passes WCAG AA)
Dark Olive #373E02
6.7:1
Triadic harmony (Δh ≈122°) — balanced three-way contrast
Burgundy #800020
6.4:1
Split-complementary angle (Δh ≈156°) — strong but softer than direct complement
Reddy Brown #6E1005
7.1:1
Complementary hue (Δh ≈177°) — 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.