Skip to the color picker

#3abfdd color: Caribbean Blue

#3abfdd is rgb(58, 191, 221) in RGB and oklch(74.678% 0.11837 216.509) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

191°
100%

74.7%
0.118
217°
  • Sky blue
  • Light
  • Vivid
  • Cool
  • ≈ Sky blue
  • cyan-500
  • Black 13%

Inside sRGB: displays the same on any screen.

White text
2.17:1Hard to read
Lc -47
Black text
9.68:1Readable · AA
Lc 62

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

#3abfdd is a bright light sky blue color. In OKLCH it has 74.7% lightness, 0.118 chroma and a hue of 217°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.17:1 contrast and black text 9.68:1, so black text reads better.

The closest named color is Caribbean Blue (#1ac1dd). In Tailwind CSS the closest color is cyan-500.

More light sky blue colors

Lighter: #3abfdd mixed with white

  1. 3abfdd
  2. 58c6e1
  3. 6fcce4
  4. 84d3e8
  5. 97d9eb
  6. a9e0ef
  7. bbe6f2
  8. ccecf5
  9. def3f9
  10. eef9fc

Darker: #3abfdd mixed with black

  1. 3abfdd
  2. 31a6c0
  3. 288da4
  4. 207588
  5. 185e6e
  6. 104855
  7. 09333d
  8. 041f26
  9. 010d11
  10. 000202

Calmer: #3abfdd with less saturation

  1. 3abfdd
  2. 4ebdd8
  3. 5ebcd4
  4. 6cbacf
  5. 77b9ca
  6. 82b7c5
  7. 8bb5c0
  8. 94b3bc
  9. 9db1b7
  10. a5afb2

Questions about #3abfdd

What color is #3abfdd?

#3abfdd is bright light sky blue. The closest named color is Caribbean Blue. In RGB it is rgb(58, 191, 221), in HSL hsl(191.04, 70.56%, 54.71%) and in OKLCH oklch(74.678% 0.11837 216.509).

What colors go well with #3abfdd?

The complementary color of #3abfdd is #ed9177. For a calmer combination use the analogous colors #36c5b9 and #6ab4f3. The triadic partners are #dc8fc9 and #c3ad4d.

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

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

Is #3abfdd a warm or cool color?

#3abfdd is a cool color. In OKLCH its hue is 217 degrees, its lightness 74.7% and its chroma 0.118.