Skip to the color picker

#3aabfd color: Fantasy Console Sky

#3aabfd is rgb(58, 171, 253) in RGB and oklch(71.57% 0.15547 244.871) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

205°
100%

71.6%
0.155
245°
  • Sky blue
  • Light
  • Vivid
  • Cool
  • ≈ Azure
  • blue-400
  • Black 1%

Inside sRGB: displays the same on any screen.

White text
2.49:1Hard to read
Lc -54
Black text
8.42: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 #3aabfd

#3aabfd is a bright light sky blue color. In OKLCH it has 71.6% lightness, 0.155 chroma and a hue of 245°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.49:1 contrast and black text 8.42:1, so black text reads better.

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

More light sky blue colors

Lighter: #3aabfd mixed with white

  1. 3aabfd
  2. 55b4fe
  3. 6bbdff
  4. 80c5ff
  5. 93ceff
  6. a6d6ff
  7. b8dfff
  8. cae7ff
  9. dcefff
  10. edf7ff

Darker: #3aabfd mixed with black

  1. 3aabfd
  2. 3194dc
  3. 287ebc
  4. 20689d
  5. 18547f
  6. 104062
  7. 092d47
  8. 041b2d
  9. 010b16
  10. 000103

Calmer: #3aabfd with less saturation

  1. 3aabfd
  2. 4babf4
  3. 59abec
  4. 65aae3
  5. 70aada
  6. 7aa9d1
  7. 83a8c8
  8. 8ba7bf
  9. 94a6b6
  10. 9ca5ad

Questions about #3aabfd

What color is #3aabfd?

#3aabfd is bright light sky blue. The closest named color is Fantasy Console Sky. In RGB it is rgb(58, 171, 253), in HSL hsl(205.23, 97.99%, 60.98%) and in OKLCH oklch(71.57% 0.15547 244.871).

What colors go well with #3aabfd?

The complementary color of #3aabfd is #e48b17. For a calmer combination use the analogous colors #00b9dc and #8899ff. The triadic partners are #f17596 and #8db336.

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

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

Is #3aabfd a warm or cool color?

#3aabfd is a cool color. In OKLCH its hue is 245 degrees, its lightness 71.6% and its chroma 0.155.