Skip to the color picker

#2ba5cc color: Sardinia Beaches

#2ba5cc is rgb(43, 165, 204) in RGB and oklch(67.434% 0.11643 224.741) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

195°
100%

67.4%
0.116
225°
  • Sky blue
  • Medium
  • Vivid
  • Cool
  • ≈ Steel blue
  • cyan-500
  • Black 20%

Inside sRGB: displays the same on any screen.

White text
2.85:1Hard to read
Lc -60
Black text
7.36:1Readable · AA
Lc 50

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

#2ba5cc is a bright sky blue color. In OKLCH it has 67.4% lightness, 0.116 chroma and a hue of 225°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.85:1 contrast and black text 7.36:1, so black text reads better.

The closest named color is Sardinia Beaches (#28a4cb). In Tailwind CSS the closest color is cyan-500.

More medium sky blue colors

Lighter: #2ba5cc mixed with white

  1. 2ba5cc
  2. 4baed1
  3. 63b7d7
  4. 79c0dc
  5. 8ec9e1
  6. a1d2e6
  7. b4dbeb
  8. c7e4f0
  9. daedf5
  10. ecf6fa

Darker: #2ba5cc mixed with black

  1. 2ba5cc
  2. 248fb1
  3. 1d7997
  4. 16657e
  5. 105165
  6. 0a3d4e
  7. 052b37
  8. 021a22
  9. 010a0f
  10. 000102

Calmer: #2ba5cc with less saturation

  1. 2ba5cc
  2. 3fa4c7
  3. 4ea3c2
  4. 5ba1bc
  5. 65a0b7
  6. 6f9fb2
  7. 789dac
  8. 809ca7
  9. 889aa1
  10. 8f989c

Questions about #2ba5cc

What color is #2ba5cc?

#2ba5cc is bright sky blue. The closest named color is Sardinia Beaches. In RGB it is rgb(43, 165, 204), in HSL hsl(194.53, 65.18%, 48.43%) and in OKLCH oklch(67.434% 0.11643 224.741).

What colors go well with #2ba5cc?

The complementary color of #2ba5cc is #d17e58. For a calmer combination use the analogous colors #00acac and #6399dd. The triadic partners are #c978a7 and #a29a3b.

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

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

Is #2ba5cc a warm or cool color?

#2ba5cc is a cool color. In OKLCH its hue is 225 degrees, its lightness 67.4% and its chroma 0.116.