Skip to the color picker

#3ac6fa color: Shovel Knight

#3ac6fa is rgb(58, 198, 250) in RGB and oklch(77.552% 0.13623 228.098) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

196°
100%

77.6%
0.136
228°
  • Sky blue
  • Light
  • Vivid
  • Cool
  • ≈ Sky blue
  • sky-400
  • Black 2%

Inside sRGB: displays the same on any screen.

White text
1.97:1Hard to read
Lc -42
Black text
10.64:1Readable · AA
Lc 66

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

#3ac6fa is a bright light sky blue color. In OKLCH it has 77.6% lightness, 0.136 chroma and a hue of 228°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.97:1 contrast and black text 10.64: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: #3ac6fa mixed with white

  1. 3ac6fa
  2. 59ccfb
  3. 71d2fc
  4. 85d8fd
  5. 99defd
  6. abe4fe
  7. bce9fe
  8. ceefff
  9. def4ff
  10. effaff

Darker: #3ac6fa mixed with black

  1. 3ac6fa
  2. 31acd9
  3. 2892ba
  4. 207a9b
  5. 18627d
  6. 104b61
  7. 093546
  8. 04212d
  9. 010e15
  10. 000203

Calmer: #3ac6fa with less saturation

  1. 3ac6fa
  2. 50c5f3
  3. 61c4ed
  4. 70c2e6
  5. 7cc1df
  6. 88bfd9
  7. 92bdd2
  8. 9cbccb
  9. a5bac4
  10. adb8bd

Questions about #3ac6fa

What color is #3ac6fa?

#3ac6fa is bright light sky blue. The closest named color is Shovel Knight. In RGB it is rgb(58, 198, 250), in HSL hsl(196.25, 95.05%, 60.39%) and in OKLCH oklch(77.552% 0.13623 228.098).

What colors go well with #3ac6fa?

The complementary color of #3ac6fa is #fc9965. For a calmer combination use the analogous colors #00d0d5 and #7eb7ff. The triadic partners are #f590c5 and #bebc49.

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

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

Is #3ac6fa a warm or cool color?

#3ac6fa is a cool color. In OKLCH its hue is 228 degrees, its lightness 77.6% and its chroma 0.136.