Skip to the color picker

#3aaae2 color: Thalassophile

#3aaae2 is rgb(58, 170, 226) in RGB and oklch(69.974% 0.1279 234.985) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

200°
100%

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

Inside sRGB: displays the same on any screen.

White text
2.62:1Hard to read
Lc -56
Black text
8.03: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 #3aaae2

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

Inside sRGB: displays the same on any screen.

White text on it reaches 2.62:1 contrast and black text 8.03:1, so black text reads better.

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

More medium sky blue colors

Lighter: #3aaae2 mixed with white

  1. 3aaae2
  2. 55b3e5
  3. 6bbce9
  4. 80c4ec
  5. 93cdef
  6. a5d5f2
  7. b8def5
  8. cae6f8
  9. dceefa
  10. edf7fd

Darker: #3aaae2 mixed with black

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

Calmer: #3aaae2 with less saturation

  1. 3aaae2
  2. 4ba9db
  3. 58a8d5
  4. 63a7ce
  5. 6ea6c7
  6. 77a5c1
  7. 80a4ba
  8. 88a3b3
  9. 90a1ac
  10. 97a0a5

Questions about #3aaae2

What color is #3aaae2?

#3aaae2 is bright sky blue. The closest named color is Thalassophile. In RGB it is rgb(58, 170, 226), in HSL hsl(200, 74.34%, 55.69%) and in OKLCH oklch(69.974% 0.1279 234.985).

What colors go well with #3aaae2?

The complementary color of #3aaae2 is #db874a. For a calmer combination use the analogous colors #00b4c4 and #779cee. The triadic partners are #dc7ba2 and #9ca740.

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

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

Is #3aaae2 a warm or cool color?

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