Skip to the color picker

#0aaaf2 color: Vivid Cerulean

#0aaaf2 is rgb(10, 170, 242) in RGB and oklch(70.074% 0.15369 237.959) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

199°
100%

70.1%
0.154
238°
  • Sky blue
  • Light
  • Vivid
  • Cool
  • ≈ Azure
  • sky-500
  • Black 5%

Inside sRGB: displays the same on any screen.

White text
2.61:1Hard to read
Lc -55
Black text
8.04: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 #0aaaf2

#0aaaf2 is a bright light sky blue color. In OKLCH it has 70.1% lightness, 0.154 chroma and a hue of 238°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.61:1 contrast and black text 8.04: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: #0aaaf2 mixed with white

  1. 0aaaf2
  2. 3fb3f4
  3. 5cbcf6
  4. 74c5f8
  5. 8acdf9
  6. 9fd6fb
  7. b2defc
  8. c6e7fd
  9. d9effe
  10. ecf7ff

Darker: #0aaaf2 mixed with black

  1. 0aaaf2
  2. 0793d2
  3. 057db4
  4. 036896
  5. 025379
  6. 013f5e
  7. 012d43
  8. 001b2b
  9. 000b14
  10. 000103

Calmer: #0aaaf2 with less saturation

  1. 0aaaf2
  2. 33a9ea
  3. 48a9e2
  4. 57a8da
  5. 64a7d1
  6. 70a6c9
  7. 7ba5c1
  8. 84a3b8
  9. 8ea2b0
  10. 96a0a7

Questions about #0aaaf2

What color is #0aaaf2?

#0aaaf2 is bright light sky blue. The closest named color is Vivid Cerulean. In RGB it is rgb(10, 170, 242), in HSL hsl(198.62, 92.06%, 49.41%) and in OKLCH oklch(70.074% 0.15369 237.959).

What colors go well with #0aaaf2?

The complementary color of #0aaaf2 is #e48327. For a calmer combination use the analogous colors #00b5cc and #7699fe. The triadic partners are #e8719e and #97ab20.

Is white or black text more readable on #0aaaf2?

Black text reads better on #0aaaf2: white gives a contrast ratio of 2.61:1 and black gives 8.04:1. WCAG AA asks for at least 4.5:1 for body text.

Is #0aaaf2 a warm or cool color?

#0aaaf2 is a cool color. In OKLCH its hue is 238 degrees, its lightness 70.1% and its chroma 0.154.