Skip to the color picker

#3ac4dd color: Caribbean Blue

#3ac4dd is rgb(58, 196, 221) in RGB and oklch(75.863% 0.1187 212.656) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

189°
100%

75.9%
0.119
213°
  • Cyan
  • Light
  • Vivid
  • Cool
  • ≈ Sky blue
  • cyan-400
  • Black 13%

Inside sRGB: displays the same on any screen.

White text
2.08:1Hard to read
Lc -45
Black text
10.12:1Readable · AA
Lc 64

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 #3ac4dd

#3ac4dd is a bright light cyan color. In OKLCH it has 75.9% lightness, 0.119 chroma and a hue of 213°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.08:1 contrast and black text 10.12:1, so black text reads better.

The closest named color is Caribbean Blue (#1ac1dd). In Tailwind CSS the closest color is cyan-400.

More light cyan colors

Lighter: #3ac4dd mixed with white

  1. 3ac4dd
  2. 58cae1
  3. 70d0e4
  4. 85d6e8
  5. 98dceb
  6. aae2ef
  7. bce8f2
  8. cdeef5
  9. def4f9
  10. eff9fc

Darker: #3ac4dd mixed with black

  1. 3ac4dd
  2. 31aac0
  3. 2891a4
  4. 207888
  5. 18616e
  6. 104a55
  7. 09353d
  8. 042126
  9. 010e11
  10. 000202

Calmer: #3ac4dd with less saturation

  1. 3ac4dd
  2. 4fc2d9
  3. 60c1d4
  4. 6ebfd0
  5. 7abdcb
  6. 84bbc7
  7. 8eb9c3
  8. 98b7be
  9. a0b5ba
  10. a9b3b5

Questions about #3ac4dd

What color is #3ac4dd?

#3ac4dd is bright light cyan. The closest named color is Caribbean Blue. In RGB it is rgb(58, 196, 221), in HSL hsl(189.2, 70.56%, 54.71%) and in OKLCH oklch(75.863% 0.1187 212.656).

What colors go well with #3ac4dd?

The complementary color of #3ac4dd is #f29480. For a calmer combination use the analogous colors #40c9b7 and #68b9f6. The triadic partners are #dd94d1 and #cbae50.

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

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

Is #3ac4dd a warm or cool color?

#3ac4dd is a cool color. In OKLCH its hue is 213 degrees, its lightness 75.9% and its chroma 0.119.