Skip to the color picker

#2fa4cc color: Sardinia Beaches

#2fa4cc is rgb(47, 164, 204) in RGB and oklch(67.276% 0.11538 225.943) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

195°
100%

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

Inside sRGB: displays the same on any screen.

White text
2.88:1Hard to read
Lc -60
Black text
7.30: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 #2fa4cc

#2fa4cc is a bright sky blue color. In OKLCH it has 67.3% lightness, 0.115 chroma and a hue of 226°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.88:1 contrast and black text 7.3: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: #2fa4cc mixed with white

  1. 2fa4cc
  2. 4dadd1
  3. 65b6d7
  4. 7ac0dc
  5. 8ec9e1
  6. a2d2e6
  7. b5dbeb
  8. c7e4f0
  9. daedf5
  10. edf6fa

Darker: #2fa4cc mixed with black

  1. 2fa4cc
  2. 278eb1
  3. 207997
  4. 19647e
  5. 125065
  6. 0c3d4e
  7. 062b37
  8. 031a22
  9. 010a0f
  10. 000102

Calmer: #2fa4cc with less saturation

  1. 2fa4cc
  2. 42a3c7
  3. 50a2c1
  4. 5ca1bc
  5. 669fb7
  6. 6f9eb1
  7. 789cac
  8. 809ba7
  9. 8899a1
  10. 8f989c

Questions about #2fa4cc

What color is #2fa4cc?

#2fa4cc is bright sky blue. The closest named color is Sardinia Beaches. In RGB it is rgb(47, 164, 204), in HSL hsl(195.29, 62.55%, 49.22%) and in OKLCH oklch(67.276% 0.11538 225.943).

What colors go well with #2fa4cc?

The complementary color of #2fa4cc is #d07e57. For a calmer combination use the analogous colors #00abad and #6598dc. The triadic partners are #c978a5 and #a09a3c.

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

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

Is #2fa4cc a warm or cool color?

#2fa4cc is a cool color. In OKLCH its hue is 226 degrees, its lightness 67.3% and its chroma 0.115.