Skip to the color picker

#3aabe0 color: Thalassophile

#3aabe0 is rgb(58, 171, 224) in RGB and oklch(70.111% 0.12551 233.303) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

199°
100%

70.1%
0.126
233°
  • Sky blue
  • Light
  • Vivid
  • Cool
  • ≈ Steel blue
  • sky-500
  • Black 12%

Inside sRGB: displays the same on any screen.

White text
2.60:1Hard to read
Lc -56
Black text
8.08:1Readable · AA
Lc 54

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

#3aabe0 is a bright light sky blue color. In OKLCH it has 70.1% lightness, 0.126 chroma and a hue of 233°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.6:1 contrast and black text 8.08:1, so black text reads better.

The closest named color is Thalassophile (#44aadd). In Tailwind CSS the closest color is sky-500.

More light sky blue colors

Lighter: #3aabe0 mixed with white

  1. 3aabe0
  2. 55b4e4
  3. 6bbce7
  4. 80c5ea
  5. 93cdee
  6. a6d6f1
  7. b8def4
  8. cae6f7
  9. dceffa
  10. edf7fc

Darker: #3aabe0 mixed with black

  1. 3aabe0
  2. 3194c3
  3. 287ea6
  4. 20688a
  5. 185470
  6. 104056
  7. 092d3e
  8. 041b27
  9. 010b12
  10. 000102

Calmer: #3aabe0 with less saturation

  1. 3aabe0
  2. 4baada
  3. 58a9d3
  4. 64a8cd
  5. 6ea7c6
  6. 77a6c0
  7. 80a5b9
  8. 88a3b3
  9. 90a2ac
  10. 97a0a5

Questions about #3aabe0

What color is #3aabe0?

#3aabe0 is bright light sky blue. The closest named color is Thalassophile. In RGB it is rgb(58, 171, 224), in HSL hsl(199.16, 72.81%, 55.29%) and in OKLCH oklch(70.111% 0.12551 233.303).

What colors go well with #3aabe0?

The complementary color of #3aabe0 is #db874f. For a calmer combination use the analogous colors #00b5c2 and #759ded. The triadic partners are #da7ca5 and #9fa741.

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

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

Is #3aabe0 a warm or cool color?

#3aabe0 is a cool color. In OKLCH its hue is 233 degrees, its lightness 70.1% and its chroma 0.126.