Skip to the color picker

#3aafcc color: River Blue

#3aafcc is rgb(58, 175, 204) in RGB and oklch(70.167% 0.10935 217.979) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

192°
100%

70.2%
0.109
218°
  • Sky blue
  • Light
  • Vivid
  • Cool
  • ≈ Mint
  • cyan-500
  • Black 20%

Inside sRGB: displays the same on any screen.

White text
2.57:1Hard to read
Lc -55
Black text
8.18:1Readable · AA
Lc 54

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

#3aafcc is a bright light sky blue color. In OKLCH it has 70.2% lightness, 0.109 chroma and a hue of 218°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.57:1 contrast and black text 8.18:1, so black text reads better.

The closest named color is River Blue (#38afcd). In Tailwind CSS the closest color is cyan-500.

More light sky blue colors

Lighter: #3aafcc mixed with white

  1. 3aafcc
  2. 55b7d1
  3. 6cbfd7
  4. 80c7dc
  5. 94cfe1
  6. a6d7e6
  7. b8dfeb
  8. cae7f0
  9. dceff5
  10. eef7fa

Darker: #3aafcc mixed with black

  1. 3aafcc
  2. 3198b1
  3. 288197
  4. 206b7e
  5. 185665
  6. 10414e
  7. 092e37
  8. 041c22
  9. 010b0f
  10. 000102

Calmer: #3aafcc with less saturation

  1. 3aafcc
  2. 4baec8
  3. 59acc3
  4. 64abbf
  5. 6fa9ba
  6. 78a8b6
  7. 81a6b1
  8. 89a4ad
  9. 91a3a8
  10. 98a1a3

Questions about #3aafcc

What color is #3aafcc?

#3aafcc is bright light sky blue. The closest named color is River Blue. In RGB it is rgb(58, 175, 204), in HSL hsl(191.92, 58.87%, 51.37%) and in OKLCH oklch(70.167% 0.10935 217.979).

What colors go well with #3aafcc?

The complementary color of #3aafcc is #d9866c. For a calmer combination use the analogous colors #34b5ab and #65a4e0. The triadic partners are #cb84b7 and #b19f49.

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

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

Is #3aafcc a warm or cool color?

#3aafcc is a cool color. In OKLCH its hue is 218 degrees, its lightness 70.2% and its chroma 0.109.