Skip to the color picker

#2ca6e2 color: Huelveño Horizon

#2ca6e2 is rgb(44, 166, 226) in RGB and oklch(68.733% 0.13471 235.89) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

200°
100%

68.7%
0.135
236°
  • Sky blue
  • Medium
  • Vivid
  • Cool
  • ≈ Steel blue
  • sky-500
  • Black 11%

Inside sRGB: displays the same on any screen.

White text
2.74:1Hard to read
Lc -58
Black text
7.66:1Readable · AA
Lc 51

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 #2ca6e2

#2ca6e2 is a bright sky blue color. In OKLCH it has 68.7% lightness, 0.135 chroma and a hue of 236°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.74:1 contrast and black text 7.66:1, so black text reads better.

The closest named color is Huelveño Horizon (#17a9e5). In Tailwind CSS the closest color is sky-500.

More medium sky blue colors

Lighter: #2ca6e2 mixed with white

  1. 2ca6e2
  2. 4cafe5
  3. 64b8e9
  4. 7ac1ec
  5. 8ecaef
  6. a2d3f2
  7. b5dcf5
  8. c7e5f8
  9. daeefa
  10. edf6fd

Darker: #2ca6e2 mixed with black

  1. 2ca6e2
  2. 2590c4
  3. 1e7aa8
  4. 17658c
  5. 115171
  6. 0a3e57
  7. 052b3e
  8. 021a27
  9. 010a12
  10. 000103

Calmer: #2ca6e2 with less saturation

  1. 2ca6e2
  2. 41a5db
  3. 50a5d4
  4. 5ca4cd
  5. 67a3c6
  6. 71a2bf
  7. 7ba0b8
  8. 839fb1
  9. 8b9ea9
  10. 939ca2

Questions about #2ca6e2

What color is #2ca6e2?

#2ca6e2 is bright sky blue. The closest named color is Huelveño Horizon. In RGB it is rgb(44, 166, 226), in HSL hsl(199.78, 75.83%, 52.94%) and in OKLCH oklch(68.733% 0.13471 235.89).

What colors go well with #2ca6e2?

The complementary color of #2ca6e2 is #d9823e. For a calmer combination use the analogous colors #00b1c3 and #7397ee. The triadic partners are #db759d and #97a434.

Is white or black text more readable on #2ca6e2?

Black text reads better on #2ca6e2: white gives a contrast ratio of 2.74:1 and black gives 7.66:1. WCAG AA asks for at least 4.5:1 for body text.

Is #2ca6e2 a warm or cool color?

#2ca6e2 is a cool color. In OKLCH its hue is 236 degrees, its lightness 68.7% and its chroma 0.135.