Skip to the color picker

#3abbef color: Blue Bikini

#3abbef is rgb(58, 187, 239) in RGB and oklch(74.518% 0.13148 229.865) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

197°
100%

74.5%
0.131
230°
  • Sky blue
  • Light
  • Vivid
  • Cool
  • ≈ Sky blue
  • sky-400
  • Black 6%

Inside sRGB: displays the same on any screen.

White text
2.20:1Hard to read
Lc -48
Black text
9.53:1Readable · AA
Lc 61

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

#3abbef is a bright light sky blue color. In OKLCH it has 74.5% lightness, 0.131 chroma and a hue of 230°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.2:1 contrast and black text 9.53:1, so black text reads better.

The closest named color is Blue Bikini (#00bbee). In Tailwind CSS the closest color is sky-400.

More light sky blue colors

Lighter: #3abbef mixed with white

  1. 3abbef
  2. 57c2f1
  3. 6ec9f3
  4. 83d0f5
  5. 96d7f7
  6. a9def8
  7. bbe5fa
  8. ccebfb
  9. ddf2fd
  10. eef9fe

Darker: #3abbef mixed with black

  1. 3abbef
  2. 31a2d0
  3. 288ab1
  4. 207394
  5. 185c78
  6. 10465c
  7. 093242
  8. 041f2a
  9. 010d14
  10. 000203

Calmer: #3abbef with less saturation

  1. 3abbef
  2. 4ebae9
  3. 5eb9e2
  4. 6bb8db
  5. 76b6d5
  6. 81b5ce
  7. 8bb3c8
  8. 94b2c1
  9. 9cb0ba
  10. a4aeb3

Questions about #3abbef

What color is #3abbef?

#3abbef is bright light sky blue. The closest named color is Blue Bikini. In RGB it is rgb(58, 187, 239), in HSL hsl(197.24, 84.98%, 58.24%) and in OKLCH oklch(74.518% 0.13148 229.865).

What colors go well with #3abbef?

The complementary color of #3abbef is #ee925c. For a calmer combination use the analogous colors #00c5cd and #7aadff. The triadic partners are #ea88b8 and #b2b346.

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

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

Is #3abbef a warm or cool color?

#3abbef is a cool color. In OKLCH its hue is 230 degrees, its lightness 74.5% and its chroma 0.131.