Azure

azure is a CSS color keyword. The closest Tailwind step is cyan-50 (#ecfeff).

#f0ffffrgb(240, 255, 255)

Hex: #f0ffff
RGB: 240, 255, 255
HSL: 180°, 100%, 97%
OKLCH: 98.9% 0.016 196.9
LAB: 98.9 -4.9 -1.7

Open #f0ffff in the explorer

Text contrast

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

Black text20.5:1 AAAAPCA Lc 104

White text1.0:1 FailAPCA Lc 0

Color vision

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

Full color
#f0ffff

Protanopia
#fdfdff

Deuteranopia
#fafbff

Tritanopia
#ecffff

Tonal scale

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

50 100200300400500600700800900950

Copy into CSS

color: azure;
background: #f0ffff;

@theme {
  --color-azure-50: #eaf9f9;
  --color-azure-100: #ddebeb;
  --color-azure-200: #c6d4d4;
  --color-azure-300: #a9b7b8;
  --color-azure-400: #8e9b9b;
  --color-azure-500: #707d7d;
  --color-azure-600: #576363;
  --color-azure-700: #414d4d;
  --color-azure-800: #2c3838;
  --color-azure-900: #192424;
  --color-azure-950: #050f10;
}