Skip to the color picker

#36c3ff color: Shovel Knight

#36c3ff is rgb(54, 195, 255) in RGB and oklch(77.012% 0.14284 231.943) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

198°
100%

77%
0.143
232°
  • Sky blue
  • Light
  • Vivid
  • Cool
  • ≈ Sky blue
  • sky-400
  • Black 0%

Inside sRGB: displays the same on any screen.

White text
2.02:1Hard to read
Lc -43
Black text
10.41:1Readable · AA
Lc 65

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Recent

Colors you stop on or copy appear here. They stay on this device.

About #36c3ff

#36c3ff is a bright light sky blue color. In OKLCH it has 77% lightness, 0.143 chroma and a hue of 232°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.02:1 contrast and black text 10.41: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: #36c3ff mixed with white

Darker: #36c3ff mixed with black

Calmer: #36c3ff with less saturation

Similar named colors

  • Capri#00bfff

Colors that go with #36c3ff

Complementary
Analogous
Triadic
Split

Questions about #36c3ff

What color is #36c3ff?

#36c3ff is bright light sky blue. The closest named color is Shovel Knight. In RGB it is rgb(54, 195, 255), in HSL hsl(197.91, 100%, 60.59%) and in OKLCH oklch(77.012% 0.14284 231.943).

What colors go well with #36c3ff?

The complementary color of #36c3ff is #fb9858. For a calmer combination use the analogous colors #00cedb and #83b3ff. The triadic partners are #f88cbe and #b7bd43.

Is white or black text more readable on #36c3ff?

Black text reads better on #36c3ff: white gives a contrast ratio of 2.02:1 and black gives 10.41:1. WCAG AA asks for at least 4.5:1 for body text.

Is #36c3ff a warm or cool color?

#36c3ff is a cool color. In OKLCH its hue is 232 degrees, its lightness 77% and its chroma 0.143.