Skip to the color picker

#2faaf0 color: Vivid Cerulean

#2faaf0 is rgb(47, 170, 240) in RGB and oklch(70.422% 0.14533 239.616) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

202°
100%

70.4%
0.145
240°
  • Sky blue
  • Light
  • Vivid
  • Cool
  • ≈ Azure
  • sky-500
  • Black 6%

Inside sRGB: displays the same on any screen.

White text
2.58:1Hard to read
Lc -55
Black text
8.13: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 #2faaf0

#2faaf0 is a bright light sky blue color. In OKLCH it has 70.4% lightness, 0.145 chroma and a hue of 240°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.58:1 contrast and black text 8.13: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: #2faaf0 mixed with white

  1. 2faaf0
  2. 4eb3f2
  3. 66bcf4
  4. 7cc5f6
  5. 90cdf8
  6. a3d6fa
  7. b6defb
  8. c8e6fc
  9. dbeffd
  10. edf7fe

Darker: #2faaf0 mixed with black

  1. 2faaf0
  2. 2793d1
  3. 207db2
  4. 196895
  5. 125378
  6. 0c3f5d
  7. 062d43
  8. 031b2a
  9. 010b14
  10. 000103

Calmer: #2faaf0 with less saturation

  1. 2faaf0
  2. 43aae8
  3. 53a9e0
  4. 60a8d9
  5. 6ba7d1
  6. 75a6c9
  7. 7fa5c1
  8. 88a4b8
  9. 90a3b0
  10. 98a1a8

Questions about #2faaf0

What color is #2faaf0?

#2faaf0 is bright light sky blue. The closest named color is Vivid Cerulean. In RGB it is rgb(47, 170, 240), in HSL hsl(201.76, 86.55%, 56.27%) and in OKLCH oklch(70.422% 0.14533 239.616).

What colors go well with #2faaf0?

The complementary color of #2faaf0 is #e08731. For a calmer combination use the analogous colors #00b6cf and #7c99fa. The triadic partners are #e7769d and #95ac33.

Is white or black text more readable on #2faaf0?

Black text reads better on #2faaf0: white gives a contrast ratio of 2.58:1 and black gives 8.13:1. WCAG AA asks for at least 4.5:1 for body text.

Is #2faaf0 a warm or cool color?

#2faaf0 is a cool color. In OKLCH its hue is 240 degrees, its lightness 70.4% and its chroma 0.145.