Skip to the color picker

#3aa4ca color: Laguna

#3aa4ca is rgb(58, 164, 202) in RGB and oklch(67.454% 0.10956 226.034) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

196°
100%

67.5%
0.110
226°
  • Sky blue
  • Medium
  • Vivid
  • Cool
  • ≈ Steel blue
  • cyan-500
  • Black 21%

Inside sRGB: displays the same on any screen.

White text
2.86:1Hard to read
Lc -60
Black text
7.34: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 #3aa4ca

#3aa4ca is a bright sky blue color. In OKLCH it has 67.5% lightness, 0.11 chroma and a hue of 226°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.86:1 contrast and black text 7.34:1, so black text reads better.

The closest named color is Laguna (#36a5c9). In Tailwind CSS the closest color is cyan-500.

More medium sky blue colors

Lighter: #3aa4ca mixed with white

  1. 3aa4ca
  2. 54add0
  3. 6ab6d5
  4. 7ec0db
  5. 92c9e0
  6. a4d2e5
  7. b7dbeb
  8. c9e4f0
  9. dbedf5
  10. edf6fa

Darker: #3aa4ca mixed with black

  1. 3aa4ca
  2. 318eaf
  3. 287995
  4. 20647c
  5. 185064
  6. 103d4d
  7. 092b37
  8. 041a22
  9. 010a0f
  10. 000102

Calmer: #3aa4ca with less saturation

  1. 3aa4ca
  2. 49a3c5
  3. 55a2c0
  4. 60a1bb
  5. 6a9fb6
  6. 729eb1
  7. 7a9dac
  8. 829ba6
  9. 899aa1
  10. 90989c

Questions about #3aa4ca

What color is #3aa4ca?

#3aa4ca is bright sky blue. The closest named color is Laguna. In RGB it is rgb(58, 164, 202), in HSL hsl(195.83, 57.6%, 50.98%) and in OKLCH oklch(67.454% 0.10956 226.034).

What colors go well with #3aa4ca?

The complementary color of #3aa4ca is #ce805b. For a calmer combination use the analogous colors #1fabad and #6999d9. The triadic partners are #c77aa5 and #a09b43.

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

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

Is #3aa4ca a warm or cool color?

#3aa4ca is a cool color. In OKLCH its hue is 226 degrees, its lightness 67.5% and its chroma 0.11.