Skip to the color picker

#3bafe3 color: Summer Sky

#3bafe3 is rgb(59, 175, 227) in RGB and oklch(71.207% 0.12595 232.147) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

199°
100%

71.2%
0.126
232°
  • Sky blue
  • Light
  • Vivid
  • Cool
  • ≈ Sky blue
  • cyan-500
  • Black 11%

Inside sRGB: displays the same on any screen.

White text
2.49:1Hard to read
Lc -54
Black text
8.43: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 #3bafe3

#3bafe3 is a bright light sky blue color. In OKLCH it has 71.2% lightness, 0.126 chroma and a hue of 232°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.49:1 contrast and black text 8.43:1, so black text reads better.

The closest named color is Summer Sky (#38b0de). In Tailwind CSS the closest color is cyan-500.

More light sky blue colors

Lighter: #3bafe3 mixed with white

  1. 3bafe3
  2. 56b7e6
  3. 6dc0e9
  4. 81c8ed
  5. 94d0ef
  6. a7d8f2
  7. b9e0f5
  8. cbe8f8
  9. dceffa
  10. eef7fd

Darker: #3bafe3 mixed with black

  1. 3bafe3
  2. 3298c5
  3. 2981a8
  4. 216b8c
  5. 195671
  6. 114157
  7. 092e3f
  8. 041c27
  9. 010b12
  10. 000103

Calmer: #3bafe3 with less saturation

  1. 3bafe3
  2. 4caedd
  3. 5aadd6
  4. 66acd0
  5. 70abca
  6. 7aaac3
  7. 83a8bd
  8. 8ba7b6
  9. 93a5af
  10. 9ba4a9

Questions about #3bafe3

What color is #3bafe3?

#3bafe3 is bright light sky blue. The closest named color is Summer Sky. In RGB it is rgb(59, 175, 227), in HSL hsl(198.57, 75%, 56.08%) and in OKLCH oklch(71.207% 0.12595 232.147).

What colors go well with #3bafe3?

The complementary color of #3bafe3 is #df8a53. For a calmer combination use the analogous colors #00b9c4 and #77a1f1. The triadic partners are #de80aa and #a4aa43.

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

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

Is #3bafe3 a warm or cool color?

#3bafe3 is a cool color. In OKLCH its hue is 232 degrees, its lightness 71.2% and its chroma 0.126.