Skip to the color picker

#3aa0ff color: Sky Dancer

#3aa0ff is rgb(58, 160, 255) in RGB and oklch(69.249% 0.16766 250.431) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

209°
100%

69.2%
0.168
250°
  • Blue
  • Medium
  • Vivid
  • Cool
  • ≈ Azure
  • blue-400
  • Black 0%

Inside sRGB: displays the same on any screen.

White text
2.74:1Hard to read
Lc -58
Black text
7.65:1Readable · AA
Lc 51

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 #3aa0ff

#3aa0ff is a bright blue color. In OKLCH it has 69.2% lightness, 0.168 chroma and a hue of 250°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.74:1 contrast and black text 7.65:1, so black text reads better.

The closest named color is Sky Dancer (#4499ff). In Tailwind CSS the closest color is blue-400.

More medium blue colors

Lighter: #3aa0ff mixed with white

  1. 3aa0ff
  2. 53aaff
  3. 69b4ff
  4. 7dbeff
  5. 91c8ff
  6. a3d1ff
  7. b6dbff
  8. c8e4ff
  9. dbedff
  10. edf6ff

Darker: #3aa0ff mixed with black

  1. 3aa0ff
  2. 318bde
  3. 2876be
  4. 20619e
  5. 184e80
  6. 103b63
  7. 092948
  8. 04192e
  9. 010916
  10. 000103

Calmer: #3aa0ff with less saturation

  1. 3aa0ff
  2. 49a0f5
  3. 56a1ec
  4. 61a1e2
  5. 6ba1d8
  6. 74a0cf
  7. 7da0c5
  8. 859fbb
  9. 8d9eb1
  10. 959da6

Questions about #3aa0ff

What color is #3aa0ff?

#3aa0ff is bright blue. The closest named color is Sky Dancer. In RGB it is rgb(58, 160, 255), in HSL hsl(208.93, 100%, 61.37%) and in OKLCH oklch(69.249% 0.16766 250.431).

What colors go well with #3aa0ff?

The complementary color of #3aa0ff is #dc8600. For a calmer combination use the analogous colors #00afdb and #8b8cff. The triadic partners are #f06983 and #77b02d.

Is white or black text more readable on #3aa0ff?

Black text reads better on #3aa0ff: white gives a contrast ratio of 2.74:1 and black gives 7.65:1. WCAG AA asks for at least 4.5:1 for body text.

Is #3aa0ff a warm or cool color?

#3aa0ff is a cool color. In OKLCH its hue is 250 degrees, its lightness 69.2% and its chroma 0.168.