Skip to the color picker
PickShade

#00a0d2 color: Structural Blue

Every format, shade and contrast value for #00a0d2. Drag the picker to explore nearby colors.

Read as HEX

194°
100%

OKLCH

66%
0.131
229°
  • ≈ Steel blue
  • Sky blue
  • Medium
  • Vivid
  • Cool
  • sky-500
  • Black 18%

Looks the same on every screen.

White text3.02:1 · Below AALc -62
Black text6.96:1 · AALc 48

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Open as palette

Recent

Colors you stop on or copy appear here. They stay on this device.

About #00a0d2

#00a0d2 is a bright sky blue color. In OKLCH it has 66% lightness, 0.131 chroma and a hue of 229°.

Looks the same on every screen.

White text on it reaches 3.02:1 contrast and black text 6.96:1, so black text reads better.

The closest named color is Structural Blue (#0e9bd1). In Tailwind CSS the closest color is sky-500.

More medium sky blue colors

Lighter: #00a0d2 mixed with white

  1. 00a0d2
  2. 3baad7
  3. 58b3dc
  4. 70bde1
  5. 86c7e5
  6. 9bd0ea
  7. b0daee
  8. c4e3f3
  9. d8ecf7
  10. ebf6fb

Darker: #00a0d2 mixed with black

  1. 00a0d2
  2. 008bb6
  3. 00769b
  4. 006181
  5. 004e68
  6. 003b50
  7. 002939
  8. 001924
  9. 000910
  10. 000102

Calmer: #00a0d2 with less saturation

  1. 00a0d2
  2. 2d9fcc
  3. 419ec6
  4. 509dbf
  5. 5c9cb9
  6. 679ab3
  7. 7199ac
  8. 7a97a6
  9. 83969f
  10. 8b9499