Skip to the color picker

#3ac3f5 color: Shovel Knight

#3ac3f5 is rgb(58, 195, 245) in RGB and oklch(76.638% 0.13336 227.556) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

196°
100%

76.6%
0.133
228°
  • Sky blue
  • Light
  • Vivid
  • Cool
  • ≈ Sky blue
  • sky-400
  • Black 4%

Inside sRGB: displays the same on any screen.

White text
2.04:1Hard to read
Lc -44
Black text
10.30: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 #3ac3f5

#3ac3f5 is a bright light sky blue color. In OKLCH it has 76.6% lightness, 0.133 chroma and a hue of 228°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.04:1 contrast and black text 10.3: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: #3ac3f5 mixed with white

  1. 3ac3f5
  2. 58c9f6
  3. 70d0f8
  4. 85d6f9
  5. 98dcfa
  6. aae2fb
  7. bce8fc
  8. cdeefd
  9. def4fe
  10. eff9fe

Darker: #3ac3f5 mixed with black

  1. 3ac3f5
  2. 31a9d5
  3. 2890b6
  4. 207898
  5. 18607b
  6. 104a5f
  7. 093444
  8. 04202b
  9. 010e15
  10. 000203

Calmer: #3ac3f5 with less saturation

  1. 3ac3f5
  2. 50c2ef
  3. 60c1e8
  4. 6ebfe2
  5. 7bbedb
  6. 86bcd5
  7. 90bace
  8. 99b9c7
  9. a2b7c1
  10. abb5ba

Questions about #3ac3f5

What color is #3ac3f5?

#3ac3f5 is bright light sky blue. The closest named color is Shovel Knight. In RGB it is rgb(58, 195, 245), in HSL hsl(196.04, 90.34%, 59.41%) and in OKLCH oklch(76.638% 0.13336 227.556).

What colors go well with #3ac3f5?

The complementary color of #3ac3f5 is #f79765. For a calmer combination use the analogous colors #00ccd1 and #7bb5ff. The triadic partners are #f08fc3 and #bcb949.

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

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

Is #3ac3f5 a warm or cool color?

#3ac3f5 is a cool color. In OKLCH its hue is 228 degrees, its lightness 76.6% and its chroma 0.133.