cyancoolCC0 survey name

Aqua Blue #02D8E9

Aqua Blue is a mid-tone, vivid cool color (#02D8E9; HSL 184° 98% 46%). Name from the public-domain xkcd color survey (CC0), where it was contributed as “aqua blue”.

Use cases: Fresh accents · Aquatic themes

Open in generator →

Families: Cyans · Teals · Turquoise Colors

Color values

FormatValue
HEX#02D8E9
RGBrgb(2, 216, 233)
HSLhsl(184, 98%, 46%)
HSVhsv(184, 99%, 91%)
OKLCHoklch(80.5% 0.137 204.9)
OKLaboklab(80.5% -0.1245 -0.0578)
CMYKcmyk(99.1%, 7.3%, 0%, 8.6%)
XYZxyz(39.2822, 55.0025, 85.6211)
CIE-LABlab(79.0, -37.2, -20.7)
CIE-LCHlch(79.0, 42.6, 209.1°)
Luminance0.550 (WCAG relative)
/* Aqua Blue */ --aqua-blue: #02d8e9; color: #02d8e9; background-color: #02d8e9;

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

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

#16c0cf #1ea9b6 #21929d #227c85 #21666d #1f5157 #1b3e41 #162b2d #10191a #000000

Tints (toward white)

#4adceb #69e0ed #82e4f0 #97e8f2 #abecf4 #bdf0f6 #cef4f8 #dff8fb #effbfd #ffffff

Tones (toward gray)

#41d6e5 #5cd4e1 #6fd2de #80d1da #8ecfd6 #9acdd3 #a6cacf #b0c8cb #bac6c7 #c4c4c4

Color harmonies

Complementary

Edit in generator →
#02D8E9
#E91302
#02d8e9 #e91302

Analogous

Edit in generator →
#02E987
#02D8E9
#0264E9
#02e987 #02d8e9 #0264e9

Triadic

Edit in generator →
#02D8E9
#E902D8
#D8E902
#02d8e9 #e902d8 #d8e902

Tetradic

Edit in generator →
#02D8E9
#8702E9
#E91302
#64E902
#02d8e9 #8702e9 #e91302 #64e902

Square

Edit in generator →
#02D8E9
#8702E9
#E91302
#64E902
#02d8e9 #8702e9 #e91302 #64e902

Split Complementary

Edit in generator →
#02D8E9
#E90264
#E98702
#02d8e9 #e90264 #e98702

Monochromatic

Edit in generator →
#016770
#01A0AC
#02D8E9
#2BEEFD
#68F3FE
#016770 #01a0ac #02d8e9 #2beefd #68f3fe

Accessibility & contrast

1.75
#02D8E9 on #FFFFFF
AA text AA large AAA text UI 3:1
12.00
#02D8E9 on #000000
AA text AA large AAA text UI 3:1

Best text on aqua blue

12.00
#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)
#C5CFEA
Deuteranopia (green-blind)
#ABBCEA
Tritanopia (blue-blind)
#00E2DD

Closest named colors

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

ColorNameΔE₀₀
Darkturquoise #00CED15.29
Robin'S Egg #6DEDFD6.14
Neon Blue #04D9FF6.43
Mediumturquoise #48D1CC7.42
Bright Cyan #41FDFE9.59
Turquoise Blue #06B1C410.12

Colors that go with aqua blue

Top matches by hue harmony, contrast and saturation compatibility.

Twilight Blue #0A437A
5.7:1
Analogous hue (Δh ≈25°) — neighbors on the color wheel
Blueberry #464196
4.9:1
Warm/cool bridge (Δh 59°) — adds depth without tension
Grape Purple #5D1451
7.1:1
Triadic harmony (Δh ≈125°) — balanced three-way contrast
Berry #990F4B
4.8:1
Split-complementary angle (Δh ≈149°) — strong but softer than direct complement
Reddy Brown #6E1005
6.9:1
Complementary hue (Δh ≈178°) — 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.