Skip to the color picker

#3abaf2 color: Zima Blue

#3abaf2 is rgb(58, 186, 242) in RGB and oklch(74.426% 0.13448 231.995) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

198°
100%

74.4%
0.134
232°
  • Sky blue
  • Light
  • Vivid
  • Cool
  • ≈ Sky blue
  • sky-400
  • Black 5%

Inside sRGB: displays the same on any screen.

White text
2.21:1Hard to read
Lc -48
Black text
9.49: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 #3abaf2

#3abaf2 is a bright light sky blue color. In OKLCH it has 74.4% lightness, 0.134 chroma and a hue of 232°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.21:1 contrast and black text 9.49:1, so black text reads better.

The closest named color is Zima Blue (#16b8f3). In Tailwind CSS the closest color is sky-400.

More light sky blue colors

Lighter: #3abaf2 mixed with white

  1. 3abaf2
  2. 57c1f4
  3. 6ec9f6
  4. 83d0f7
  5. 96d7f9
  6. a9defa
  7. bae4fb
  8. ccebfc
  9. ddf2fd
  10. eef8fe

Darker: #3abaf2 mixed with black

  1. 3abaf2
  2. 31a1d2
  3. 2889b4
  4. 207296
  5. 185c79
  6. 10465e
  7. 093243
  8. 041e2b
  9. 010d14
  10. 000203

Calmer: #3abaf2 with less saturation

  1. 3abaf2
  2. 4eb9eb
  3. 5db8e4
  4. 6ab7de
  5. 76b6d7
  6. 81b4d0
  7. 8ab3c9
  8. 93b1c2
  9. 9cb0ba
  10. a4aeb3

Questions about #3abaf2

What color is #3abaf2?

#3abaf2 is bright light sky blue. The closest named color is Zima Blue. In RGB it is rgb(58, 186, 242), in HSL hsl(198.26, 87.62%, 58.82%) and in OKLCH oklch(74.426% 0.13448 231.995).

What colors go well with #3abaf2?

The complementary color of #3abaf2 is #ee9257. For a calmer combination use the analogous colors #00c4d0 and #7dabff. The triadic partners are #ec87b5 and #aeb444.

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

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

Is #3abaf2 a warm or cool color?

#3abaf2 is a cool color. In OKLCH its hue is 232 degrees, its lightness 74.4% and its chroma 0.134.