Skip to the color picker

#2ba3cc color: Sardinia Beaches

#2ba3cc is rgb(43, 163, 204) in RGB and oklch(66.954% 0.11702 226.318) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

195°
100%

67%
0.117
226°
  • Sky blue
  • Medium
  • Vivid
  • Cool
  • ≈ Steel blue
  • cyan-500
  • Black 20%

Inside sRGB: displays the same on any screen.

White text
2.91:1Hard to read
Lc -60
Black text
7.21:1Readable · AA
Lc 49

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

#2ba3cc is a bright sky blue color. In OKLCH it has 67% lightness, 0.117 chroma and a hue of 226°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.91:1 contrast and black text 7.21: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: #2ba3cc mixed with white

  1. 2ba3cc
  2. 4bacd1
  3. 63b6d7
  4. 79bfdc
  5. 8dc8e1
  6. a1d1e6
  7. b4dbeb
  8. c7e4f0
  9. daedf5
  10. ecf6fa

Darker: #2ba3cc mixed with black

  1. 2ba3cc
  2. 248db1
  3. 1d7897
  4. 16637e
  5. 104f65
  6. 0a3c4e
  7. 052a37
  8. 021922
  9. 010a0f
  10. 000102

Calmer: #2ba3cc with less saturation

  1. 2ba3cc
  2. 3fa2c7
  3. 4ea1c1
  4. 5aa0bc
  5. 649eb6
  6. 6e9db1
  7. 779cab
  8. 7f9aa6
  9. 8798a0
  10. 8e979b

Questions about #2ba3cc

What color is #2ba3cc?

#2ba3cc is bright sky blue. The closest named color is Sardinia Beaches. In RGB it is rgb(43, 163, 204), in HSL hsl(195.28, 65.18%, 48.43%) and in OKLCH oklch(66.954% 0.11702 226.318).

What colors go well with #2ba3cc?

The complementary color of #2ba3cc is #d07d54. For a calmer combination use the analogous colors #00abad and #6497dc. The triadic partners are #c876a4 and #9e9939.

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

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

Is #2ba3cc a warm or cool color?

#2ba3cc is a cool color. In OKLCH its hue is 226 degrees, its lightness 67% and its chroma 0.117.