Skip to the color picker

#1fa5ff color: Protoss Pylon

#1fa5ff is rgb(31, 165, 255) in RGB and oklch(69.835% 0.16911 245.494) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

204°
100%

69.8%
0.169
245°
  • Sky blue
  • Medium
  • Vivid
  • Cool
  • ≈ Azure
  • sky-500
  • Black 0%

Inside sRGB: displays the same on any screen.

White text
2.66:1Hard to read
Lc -56
Black text
7.88:1Readable · AA
Lc 53

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 #1fa5ff

#1fa5ff is a bright sky blue color. In OKLCH it has 69.8% lightness, 0.169 chroma and a hue of 245°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.66:1 contrast and black text 7.88:1, so black text reads better.

The closest named color is Protoss Pylon (#00aaff). In Tailwind CSS the closest color is sky-500.

More medium sky blue colors

Lighter: #1fa5ff mixed with white

  1. 1fa5ff
  2. 45afff
  3. 5fb8ff
  4. 76c2ff
  5. 8bcbff
  6. 9fd4ff
  7. b3ddff
  8. c6e5ff
  9. d9eeff
  10. ecf7ff

Darker: #1fa5ff mixed with black

  1. 1fa5ff
  2. 198fde
  3. 1479be
  4. 0f659e
  5. 0a5180
  6. 063d63
  7. 032b48
  8. 011a2e
  9. 000a16
  10. 000103

Calmer: #1fa5ff with less saturation

  1. 1fa5ff
  2. 3aa5f6
  3. 4ba5ec
  4. 59a5e3
  5. 66a4d9
  6. 71a4cf
  7. 7ba3c6
  8. 84a2bc
  9. 8da1b2
  10. 969fa8

Questions about #1fa5ff

What color is #1fa5ff?

#1fa5ff is bright sky blue. The closest named color is Protoss Pylon. In RGB it is rgb(31, 165, 255), in HSL hsl(204.11, 100%, 56.08%) and in OKLCH oklch(69.835% 0.16911 245.494).

What colors go well with #1fa5ff?

The complementary color of #1fa5ff is #e38300. For a calmer combination use the analogous colors #00b3d6 and #8291ff. The triadic partners are #f16a8f and #85af1b.

Is white or black text more readable on #1fa5ff?

Black text reads better on #1fa5ff: white gives a contrast ratio of 2.66:1 and black gives 7.88:1. WCAG AA asks for at least 4.5:1 for body text.

Is #1fa5ff a warm or cool color?

#1fa5ff is a cool color. In OKLCH its hue is 245 degrees, its lightness 69.8% and its chroma 0.169.