Skip to the color picker

#1fa5dd color: Vanadyl Blue

#1fa5dd is rgb(31, 165, 221) in RGB and oklch(68.036% 0.13374 233.049) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

198°
100%

68%
0.134
233°
  • Sky blue
  • Medium
  • Vivid
  • Cool
  • ≈ Steel blue
  • sky-500
  • Black 13%

Inside sRGB: displays the same on any screen.

White text
2.81:1Hard to read
Lc -59
Black text
7.48: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 #1fa5dd

#1fa5dd is a bright sky blue color. In OKLCH it has 68% lightness, 0.134 chroma and a hue of 233°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.81:1 contrast and black text 7.48:1, so black text reads better.

The closest named color is Vanadyl Blue (#00a3e0). In Tailwind CSS the closest color is sky-500.

More medium sky blue colors

Lighter: #1fa5dd mixed with white

  1. 1fa5dd
  2. 45aee1
  3. 5fb8e5
  4. 76c1e9
  5. 8bcaec
  6. 9fd3f0
  7. b3dcf3
  8. c6e5f6
  9. d9edf9
  10. ecf6fc

Darker: #1fa5dd mixed with black

  1. 1fa5dd
  2. 198fc0
  3. 1479a4
  4. 0f6588
  5. 0a516e
  6. 063d55
  7. 032b3d
  8. 011a26
  9. 000a11
  10. 000102

Calmer: #1fa5dd with less saturation

  1. 1fa5dd
  2. 39a4d6
  3. 4aa3d0
  4. 58a2c9
  5. 64a1c2
  6. 6ea0bb
  7. 789fb4
  8. 809dae
  9. 899ca6
  10. 919a9f

Questions about #1fa5dd

What color is #1fa5dd?

#1fa5dd is bright sky blue. The closest named color is Vanadyl Blue. In RGB it is rgb(31, 165, 221), in HSL hsl(197.68, 75.4%, 49.41%) and in OKLCH oklch(68.036% 0.13374 233.049).

What colors go well with #1fa5dd?

The complementary color of #1fa5dd is #d77f41. For a calmer combination use the analogous colors #00afbd and #6c96eb. The triadic partners are #d6739f and #99a12f.

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

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

Is #1fa5dd a warm or cool color?

#1fa5dd is a cool color. In OKLCH its hue is 233 degrees, its lightness 68% and its chroma 0.134.