Skip to the color picker

#3caae0 color: Thalassophile

#3caae0 is rgb(60, 170, 224) in RGB and oklch(69.93% 0.12527 234.291) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

200°
100%

69.9%
0.125
234°
  • Sky blue
  • Medium
  • Vivid
  • Cool
  • ≈ Steel blue
  • sky-500
  • Black 12%

Inside sRGB: displays the same on any screen.

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

#3caae0 is a bright sky blue color. In OKLCH it has 69.9% lightness, 0.125 chroma and a hue of 234°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.62:1 contrast and black text 8.02: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: #3caae0 mixed with white

  1. 3caae0
  2. 56b3e4
  3. 6cbbe7
  4. 80c4ea
  5. 93cdee
  6. a6d5f1
  7. b8def4
  8. cae6f7
  9. dceefa
  10. edf7fc

Darker: #3caae0 mixed with black

  1. 3caae0
  2. 3393c3
  3. 2a7da6
  4. 21688a
  5. 195370
  6. 113f56
  7. 0a2d3e
  8. 041b27
  9. 010b12
  10. 000102

Calmer: #3caae0 with less saturation

  1. 3caae0
  2. 4ca9da
  3. 59a8d3
  4. 64a7cd
  5. 6ea6c6
  6. 77a5c0
  7. 80a4b9
  8. 88a3b2
  9. 90a1ac
  10. 97a0a5

Questions about #3caae0

What color is #3caae0?

#3caae0 is bright sky blue. The closest named color is Thalassophile. In RGB it is rgb(60, 170, 224), in HSL hsl(199.76, 72.57%, 55.69%) and in OKLCH oklch(69.93% 0.12527 234.291).

What colors go well with #3caae0?

The complementary color of #3caae0 is #da874d. For a calmer combination use the analogous colors #00b4c2 and #779cec. The triadic partners are #da7ca3 and #9da742.

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

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

Is #3caae0 a warm or cool color?

#3caae0 is a cool color. In OKLCH its hue is 234 degrees, its lightness 69.9% and its chroma 0.125.