Skip to the color picker

#21abec color: Vivid Cerulean

#21abec is rgb(33, 171, 236) in RGB and oklch(70.215% 0.14394 236.2) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

199°
100%

70.2%
0.144
236°
  • Sky blue
  • Light
  • Vivid
  • Cool
  • ≈ Steel blue
  • sky-500
  • Black 7%

Inside sRGB: displays the same on any screen.

White text
2.59:1Hard to read
Lc -55
Black text
8.10:1Readable · AA
Lc 54

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 #21abec

#21abec is a bright light sky blue color. In OKLCH it has 70.2% lightness, 0.144 chroma and a hue of 236°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.59:1 contrast and black text 8.1:1, so black text reads better.

The closest named color is Vivid Cerulean (#00aaee). In Tailwind CSS the closest color is sky-500.

More light sky blue colors

Lighter: #21abec mixed with white

  1. 21abec
  2. 47b4ef
  3. 61bdf1
  4. 78c5f3
  5. 8dcef5
  6. a1d6f7
  7. b4def9
  8. c7e7fb
  9. daeffc
  10. edf7fe

Darker: #21abec mixed with black

  1. 21abec
  2. 1b94cd
  3. 167eaf
  4. 106892
  5. 0b5476
  6. 06405b
  7. 032d42
  8. 011b29
  9. 000b13
  10. 000103

Calmer: #21abec with less saturation

  1. 21abec
  2. 3caae5
  3. 4daadd
  4. 5ca9d5
  5. 68a8ce
  6. 73a6c6
  7. 7da5bf
  8. 86a4b7
  9. 8fa2af
  10. 97a1a7

Questions about #21abec

What color is #21abec?

#21abec is bright light sky blue. The closest named color is Vivid Cerulean. In RGB it is rgb(33, 171, 236), in HSL hsl(199.21, 84.23%, 52.75%) and in OKLCH oklch(70.215% 0.14394 236.2).

What colors go well with #21abec?

The complementary color of #21abec is #e18539. For a calmer combination use the analogous colors #00b6ca and #759bf8. The triadic partners are #e476a2 and #9ba92e.

Is white or black text more readable on #21abec?

Black text reads better on #21abec: white gives a contrast ratio of 2.59:1 and black gives 8.1:1. WCAG AA asks for at least 4.5:1 for body text.

Is #21abec a warm or cool color?

#21abec is a cool color. In OKLCH its hue is 236 degrees, its lightness 70.2% and its chroma 0.144.