Skip to the color picker

#3bc4fa color: Shovel Knight

#3bc4fa is rgb(59, 196, 250) in RGB and oklch(77.113% 0.13664 229.482) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

197°
100%

77.1%
0.137
229°
  • Sky blue
  • Light
  • Vivid
  • Cool
  • ≈ Sky blue
  • sky-400
  • Black 2%

Inside sRGB: displays the same on any screen.

White text
2.01:1Hard to read
Lc -43
Black text
10.46: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 #3bc4fa

#3bc4fa is a bright light sky blue color. In OKLCH it has 77.1% lightness, 0.137 chroma and a hue of 229°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.01:1 contrast and black text 10.46: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: #3bc4fa mixed with white

  1. 3bc4fa
  2. 59cafb
  3. 71d1fc
  4. 85d7fd
  5. 99ddfd
  6. abe3fe
  7. bce8fe
  8. cdeeff
  9. def4ff
  10. eff9ff

Darker: #3bc4fa mixed with black

  1. 3bc4fa
  2. 32aad9
  3. 2991ba
  4. 21789b
  5. 19617d
  6. 114a61
  7. 093546
  8. 04212d
  9. 010e15
  10. 000203

Calmer: #3bc4fa with less saturation

  1. 3bc4fa
  2. 51c3f3
  3. 61c2ec
  4. 6fc0e6
  5. 7cbfdf
  6. 87bdd8
  7. 91bcd1
  8. 9bbaca
  9. a4b8c3
  10. acb6bc

Questions about #3bc4fa

What color is #3bc4fa?

#3bc4fa is bright light sky blue. The closest named color is Shovel Knight. In RGB it is rgb(59, 196, 250), in HSL hsl(196.96, 95.02%, 60.59%) and in OKLCH oklch(77.113% 0.13664 229.482).

What colors go well with #3bc4fa?

The complementary color of #3bc4fa is #fa9961. For a calmer combination use the analogous colors #00ced6 and #7fb5ff. The triadic partners are #f58fc2 and #bbbb48.

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

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

Is #3bc4fa a warm or cool color?

#3bc4fa is a cool color. In OKLCH its hue is 229 degrees, its lightness 77.1% and its chroma 0.137.