Skip to the color picker

#3abbea color: Blue Bikini

#3abbea is rgb(58, 187, 234) in RGB and oklch(74.293% 0.12746 227.256) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

196°
100%

74.3%
0.127
227°
  • Sky blue
  • Light
  • Vivid
  • Cool
  • ≈ Sky blue
  • sky-400
  • Black 8%

Inside sRGB: displays the same on any screen.

White text
2.22:1Hard to read
Lc -48
Black text
9.48: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 #3abbea

#3abbea is a bright light sky blue color. In OKLCH it has 74.3% lightness, 0.127 chroma and a hue of 227°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.22:1 contrast and black text 9.48: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: #3abbea mixed with white

  1. 3abbea
  2. 57c2ed
  3. 6ec9ef
  4. 83d0f1
  5. 96d7f4
  6. a9def6
  7. bbe5f8
  8. ccebfa
  9. ddf2fc
  10. eef9fd

Darker: #3abbea mixed with black

  1. 3abbea
  2. 31a2cb
  3. 288aae
  4. 207391
  5. 185c75
  6. 10465a
  7. 093241
  8. 041f29
  9. 010d13
  10. 000203

Calmer: #3abbea with less saturation

  1. 3abbea
  2. 4ebae4
  3. 5db9de
  4. 6bb7d8
  5. 76b6d2
  6. 81b4cb
  7. 8ab3c5
  8. 93b1bf
  9. 9cafb8
  10. a4adb2

Questions about #3abbea

What color is #3abbea?

#3abbea is bright light sky blue. The closest named color is Blue Bikini. In RGB it is rgb(58, 187, 234), in HSL hsl(196.02, 80.73%, 57.25%) and in OKLCH oklch(74.293% 0.12746 227.256).

What colors go well with #3abbea?

The complementary color of #3abbea is #ed9162. For a calmer combination use the analogous colors #00c4c8 and #77adfb. The triadic partners are #e689bb and #b5b147.

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

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

Is #3abbea a warm or cool color?

#3abbea is a cool color. In OKLCH its hue is 227 degrees, its lightness 74.3% and its chroma 0.127.