Skip to the color picker

#3aaae3 color: Thalassophile

#3aaae3 is rgb(58, 170, 227) in RGB and oklch(70.022% 0.12886 235.462) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

200°
100%

70%
0.129
235°
  • Sky blue
  • Light
  • Vivid
  • Cool
  • ≈ Steel blue
  • sky-500
  • Black 11%

Inside sRGB: displays the same on any screen.

White text
2.61:1Hard to read
Lc -56
Black text
8.04:1Readable · AA
Lc 53

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

#3aaae3 is a bright light sky blue color. In OKLCH it has 70% lightness, 0.129 chroma and a hue of 235°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.61:1 contrast and black text 8.04: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: #3aaae3 mixed with white

  1. 3aaae3
  2. 55b3e6
  3. 6bbcea
  4. 80c4ed
  5. 93cdf0
  6. a5d5f3
  7. b8def5
  8. cae6f8
  9. dceefa
  10. edf7fd

Darker: #3aaae3 mixed with black

  1. 3aaae3
  2. 3193c5
  3. 287da8
  4. 20688c
  5. 185371
  6. 103f57
  7. 092d3f
  8. 041b27
  9. 010b12
  10. 000103

Calmer: #3aaae3 with less saturation

  1. 3aaae3
  2. 4ba9dc
  3. 58a8d6
  4. 63a8cf
  5. 6ea6c8
  6. 77a5c1
  7. 80a4ba
  8. 88a3b4
  9. 90a1ad
  10. 97a0a5

Questions about #3aaae3

What color is #3aaae3?

#3aaae3 is bright light sky blue. The closest named color is Thalassophile. In RGB it is rgb(58, 170, 227), in HSL hsl(200.24, 75.11%, 55.88%) and in OKLCH oklch(70.022% 0.12886 235.462).

What colors go well with #3aaae3?

The complementary color of #3aaae3 is #db8749. For a calmer combination use the analogous colors #00b4c5 and #789cef. The triadic partners are #dc7ba2 and #9ca83f.

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

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

Is #3aaae3 a warm or cool color?

#3aaae3 is a cool color. In OKLCH its hue is 235 degrees, its lightness 70% and its chroma 0.129.