Skip to the color picker

#3ac2fd color: Shovel Knight

#3ac2fd is rgb(58, 194, 253) in RGB and oklch(76.771% 0.14036 232.04) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

198°
100%

76.8%
0.140
232°
  • Sky blue
  • Light
  • Vivid
  • Cool
  • ≈ Sky blue
  • sky-400
  • Black 1%

Inside sRGB: displays the same on any screen.

White text
2.04:1Hard to read
Lc -44
Black text
10.31:1Readable · AA
Lc 65

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

#3ac2fd is a bright light sky blue color. In OKLCH it has 76.8% lightness, 0.14 chroma and a hue of 232°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.04:1 contrast and black text 10.31:1, so black text reads better.

The closest named color is Shovel Knight (#37c4fa). In Tailwind CSS the closest color is sky-400.

More light sky blue colors

Lighter: #3ac2fd mixed with white

  1. 3ac2fd
  2. 58c9fe
  3. 70cffe
  4. 85d5ff
  5. 98dcff
  6. aae2ff
  7. bce8ff
  8. cdeeff
  9. def4ff
  10. eff9ff

Darker: #3ac2fd mixed with black

  1. 3ac2fd
  2. 31a8dc
  3. 288fbc
  4. 20779d
  5. 18607f
  6. 104962
  7. 093447
  8. 04202d
  9. 010e16
  10. 000203

Calmer: #3ac2fd with less saturation

  1. 3ac2fd
  2. 50c1f6
  3. 60c0ef
  4. 6ebfe7
  5. 7bbde0
  6. 86bcd9
  7. 90bad2
  8. 99b9ca
  9. a2b7c3
  10. abb5bb

Questions about #3ac2fd

What color is #3ac2fd?

#3ac2fd is bright light sky blue. The closest named color is Shovel Knight. In RGB it is rgb(58, 194, 253), in HSL hsl(198.15, 97.99%, 60.98%) and in OKLCH oklch(76.771% 0.14036 232.04).

What colors go well with #3ac2fd?

The complementary color of #3ac2fd is #f99859. For a calmer combination use the analogous colors #00cdda and #82b2ff. The triadic partners are #f78cbd and #b6bc45.

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

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

Is #3ac2fd a warm or cool color?

#3ac2fd is a cool color. In OKLCH its hue is 232 degrees, its lightness 76.8% and its chroma 0.14.