Skip to the color picker
PickShade

#00a0d3 color: Structural Blue

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

Read as HEX

195°
100%

OKLCH

66.1%
0.132
230°
  • ≈ Steel blue
  • Sky blue
  • Medium
  • Vivid
  • Cool
  • sky-500
  • Black 17%

Looks the same on every screen.

White text3.01:1 · Below AALc -62
Black text6.97: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 #00a0d3

#00a0d3 is a bright sky blue color. In OKLCH it has 66.1% lightness, 0.132 chroma and a hue of 230°.

Looks the same on every screen.

White text on it reaches 3.01:1 contrast and black text 6.97: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: #00a0d3 mixed with white

  1. 00a0d3
  2. 3baad8
  3. 58b3dd
  4. 70bde1
  5. 86c7e6
  6. 9bd0ea
  7. b0daef
  8. c4e3f3
  9. d8ecf7
  10. ebf6fb

Darker: #00a0d3 mixed with black

  1. 00a0d3
  2. 008bb7
  3. 00769c
  4. 006182
  5. 004e69
  6. 003b51
  7. 00293a
  8. 001924
  9. 000910
  10. 000102

Calmer: #00a0d3 with less saturation

  1. 00a0d3
  2. 2d9fcd
  3. 419ec6
  4. 509dc0
  5. 5c9cba
  6. 679ab3
  7. 7199ad
  8. 7a98a6
  9. 8396a0
  10. 8b9499