Skip to the color picker

#3baef0 color: Lynx Screen Blue

#3baef0 is rgb(59, 174, 240) in RGB and oklch(71.602% 0.13897 238.756) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

202°
100%

71.6%
0.139
239°
  • Sky blue
  • Light
  • Vivid
  • Cool
  • ≈ Sky blue
  • sky-400
  • Black 6%

Inside sRGB: displays the same on any screen.

White text
2.47:1Hard to read
Lc -53
Black text
8.50:1Readable · AA
Lc 56

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

#3baef0 is a bright light sky blue color. In OKLCH it has 71.6% lightness, 0.139 chroma and a hue of 239°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.47:1 contrast and black text 8.5:1, so black text reads better.

The closest named color is Lynx Screen Blue (#2cb1eb). In Tailwind CSS the closest color is sky-400.

More light sky blue colors

Lighter: #3baef0 mixed with white

  1. 3baef0
  2. 56b7f2
  3. 6cbff4
  4. 81c7f6
  5. 94cff8
  6. a7d8f9
  7. b9e0fb
  8. cae8fc
  9. dceffd
  10. eef7fe

Darker: #3baef0 mixed with black

  1. 3baef0
  2. 3297d1
  3. 2980b2
  4. 216a95
  5. 195578
  6. 11415d
  7. 092e43
  8. 041c2a
  9. 010b14
  10. 000103

Calmer: #3baef0 with less saturation

  1. 3baef0
  2. 4cade9
  3. 5aade1
  4. 66acda
  5. 71abd2
  6. 7aaaca
  7. 83a9c3
  8. 8ca8bb
  9. 94a6b3
  10. 9ca5ab

Questions about #3baef0

What color is #3baef0?

#3baef0 is bright light sky blue. The closest named color is Lynx Screen Blue. In RGB it is rgb(59, 174, 240), in HSL hsl(201.88, 85.78%, 58.63%) and in OKLCH oklch(71.602% 0.13897 238.756).

What colors go well with #3baef0?

The complementary color of #3baef0 is #e28b3f. For a calmer combination use the analogous colors #00bad1 and #7f9efa. The triadic partners are #e87ca2 and #9baf3e.

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

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

Is #3baef0 a warm or cool color?

#3baef0 is a cool color. In OKLCH its hue is 239 degrees, its lightness 71.6% and its chroma 0.139.