Skip to the color picker

#3bade2 color: Thalassophile

#3bade2 is rgb(59, 173, 226) in RGB and oklch(70.696% 0.12599 233.045) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

199°
100%

70.7%
0.126
233°
  • Sky blue
  • Light
  • Vivid
  • Cool
  • ≈ Sky blue
  • cyan-500
  • Black 11%

Inside sRGB: displays the same on any screen.

White text
2.54:1Hard to read
Lc -55
Black text
8.26:1Readable · AA
Lc 55

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

#3bade2 is a bright light sky blue color. In OKLCH it has 70.7% lightness, 0.126 chroma and a hue of 233°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.54:1 contrast and black text 8.26:1, so black text reads better.

The closest named color is Thalassophile (#44aadd). In Tailwind CSS the closest color is cyan-500.

More light sky blue colors

Lighter: #3bade2 mixed with white

  1. 3bade2
  2. 56b5e5
  3. 6cbee9
  4. 81c6ec
  5. 94cfef
  6. a6d7f2
  7. b8dff5
  8. cae7f7
  9. dceffa
  10. edf7fd

Darker: #3bade2 mixed with black

  1. 3bade2
  2. 3296c4
  3. 297fa8
  4. 216a8c
  5. 195571
  6. 114157
  7. 092d3e
  8. 041b27
  9. 010b12
  10. 000103

Calmer: #3bade2 with less saturation

  1. 3bade2
  2. 4cacdc
  3. 59abd5
  4. 65aacf
  5. 6fa9c8
  6. 79a8c2
  7. 82a7bb
  8. 8aa5b5
  9. 92a4ae
  10. 99a2a7

Questions about #3bade2

What color is #3bade2?

#3bade2 is bright light sky blue. The closest named color is Thalassophile. In RGB it is rgb(59, 173, 226), in HSL hsl(199.04, 74.22%, 55.88%) and in OKLCH oklch(70.696% 0.12599 233.045).

What colors go well with #3bade2?

The complementary color of #3bade2 is #dd8950. For a calmer combination use the analogous colors #00b7c3 and #779fef. The triadic partners are #dc7ea7 and #a1a942.

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

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

Is #3bade2 a warm or cool color?

#3bade2 is a cool color. In OKLCH its hue is 233 degrees, its lightness 70.7% and its chroma 0.126.