Skip to the color picker

#3aabdf color: Thalassophile

#3aabdf is rgb(58, 171, 223) in RGB and oklch(70.064% 0.1246 232.792) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

199°
100%

70.1%
0.125
233°
  • Sky blue
  • Light
  • Vivid
  • Cool
  • ≈ Steel blue
  • cyan-500
  • Black 13%

Inside sRGB: displays the same on any screen.

White text
2.60:1Hard to read
Lc -56
Black text
8.07: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 #3aabdf

#3aabdf is a bright light sky blue color. In OKLCH it has 70.1% lightness, 0.125 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.07:1, so black text reads better.

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

More light sky blue colors

Lighter: #3aabdf mixed with white

  1. 3aabdf
  2. 55b4e3
  3. 6bbce6
  4. 80c5ea
  5. 93cded
  6. a6d6f0
  7. b8def3
  8. cae6f7
  9. dceff9
  10. edf7fc

Darker: #3aabdf mixed with black

  1. 3aabdf
  2. 3194c2
  3. 287ea5
  4. 20688a
  5. 18546f
  6. 104056
  7. 092d3d
  8. 041b27
  9. 010b12
  10. 000102

Calmer: #3aabdf with less saturation

  1. 3aabdf
  2. 4baad9
  3. 58a9d2
  4. 64a8cc
  5. 6ea7c6
  6. 77a6bf
  7. 80a5b9
  8. 88a3b2
  9. 90a2ac
  10. 97a0a5

Questions about #3aabdf

What color is #3aabdf?

#3aabdf is bright light sky blue. The closest named color is Thalassophile. In RGB it is rgb(58, 171, 223), in HSL hsl(198.91, 72.05%, 55.1%) and in OKLCH oklch(70.064% 0.1246 232.792).

What colors go well with #3aabdf?

The complementary color of #3aabdf is #db8750. For a calmer combination use the analogous colors #00b5c1 and #759dec. The triadic partners are #d97ca6 and #a0a641.

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

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

Is #3aabdf a warm or cool color?

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