Aqua

aqua is a CSS color keyword. The same color is also written cyan. The closest Tailwind step is teal-300 (#5eead4).

#00ffffrgb(0, 255, 255)

Hex: #00ffff
RGB: 0, 255, 255
HSL: 180°, 100%, 50%
OKLCH: 90.5% 0.155 194.8
LAB: 91.1 -48.1 -14.1

Open #00ffff in the explorer

Text contrast

Black or white text on #00ffff. AA needs 4.5:1 and AAA needs 7:1. APCA Lc is a separate readability score.

Black text16.7:1 AAAAPCA Lc 92

White text1.3:1 FailAPCA Lc -14

Color vision

How #00ffff looks in simulations of color blindness, at full severity.

Full color
#00ffff

Protanopia
#edf2ff

Deuteranopia
#d0ddff

Tritanopia
#00fffe

Tonal scale

An OKLCH ramp that keeps this hue. The marked step is the closest lightness to aqua.

50 100200300400500600700800900950

Copy into CSS

color: aqua;
background: #00ffff;

@theme {
  --color-aqua-50: #d4fffe;
  --color-aqua-100: #87fffe;
  --color-aqua-200: #00eeee;
  --color-aqua-300: #00cece;
  --color-aqua-400: #00aeae;
  --color-aqua-500: #008c8c;
  --color-aqua-600: #006f6f;
  --color-aqua-700: #005656;
  --color-aqua-800: #003e3e;
  --color-aqua-900: #002828;
  --color-aqua-950: #001111;
}