Skip to the color picker

#22abfe color: Fantasy Console Sky

#22abfe is rgb(34, 171, 254) in RGB and oklch(71.17% 0.16234 242.735) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

203°
100%

71.2%
0.162
243°
  • Sky blue
  • Light
  • Vivid
  • Cool
  • ≈ Azure
  • sky-500
  • Black 0%

Inside sRGB: displays the same on any screen.

White text
2.52:1Hard to read
Lc -54
Black text
8.32:1Readable · AA
Lc 55

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 #22abfe

#22abfe is a bright light sky blue color. In OKLCH it has 71.2% lightness, 0.162 chroma and a hue of 243°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.52:1 contrast and black text 8.32:1, so black text reads better.

The closest named color is Fantasy Console Sky (#29adff). In Tailwind CSS the closest color is sky-500.

More light sky blue colors

Lighter: #22abfe mixed with white

  1. 22abfe
  2. 47b4ff
  3. 62bdff
  4. 78c6ff
  5. 8dceff
  6. a1d7ff
  7. b4dfff
  8. c7e7ff
  9. daefff
  10. edf7ff

Darker: #22abfe mixed with black

  1. 22abfe
  2. 1c94dd
  3. 167ebd
  4. 11689e
  5. 0b5480
  6. 074063
  7. 032d47
  8. 011b2d
  9. 000b16
  10. 000103

Calmer: #22abfe with less saturation

  1. 22abfe
  2. 3dabf5
  3. 4eaaec
  4. 5daae3
  5. 69a9da
  6. 74a8d1
  7. 7fa7c8
  8. 88a6be
  9. 91a5b5
  10. 9aa3ac

Questions about #22abfe

What color is #22abfe?

#22abfe is bright light sky blue. The closest named color is Fantasy Console Sky. In RGB it is rgb(34, 171, 254), in HSL hsl(202.64, 99.1%, 56.47%) and in OKLCH oklch(71.17% 0.16234 242.735).

What colors go well with #22abfe?

The complementary color of #22abfe is #e78702. For a calmer combination use the analogous colors #00b8d7 and #8198ff. The triadic partners are #f27199 and #90b124.

Is white or black text more readable on #22abfe?

Black text reads better on #22abfe: white gives a contrast ratio of 2.52:1 and black gives 8.32:1. WCAG AA asks for at least 4.5:1 for body text.

Is #22abfe a warm or cool color?

#22abfe is a cool color. In OKLCH its hue is 243 degrees, its lightness 71.2% and its chroma 0.162.