Skip to the color picker

#3aa0cf color: Peaceful River

#3aa0cf is rgb(58, 160, 207) in RGB and oklch(66.735% 0.11521 232.382) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

199°
100%

66.7%
0.115
232°
  • Sky blue
  • Medium
  • Vivid
  • Cool
  • ≈ Steel blue
  • sky-500
  • Black 19%

Inside sRGB: displays the same on any screen.

White text
2.95:1Hard to read
Lc -61
Black text
7.11:1Readable · AA
Lc 48

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

#3aa0cf is a bright sky blue color. In OKLCH it has 66.7% lightness, 0.115 chroma and a hue of 232°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.95:1 contrast and black text 7.11:1, so black text reads better.

The closest named color is Peaceful River (#47a0d2). In Tailwind CSS the closest color is sky-500.

More medium sky blue colors

Lighter: #3aa0cf mixed with white

  1. 3aa0cf
  2. 54aad4
  3. 69b3d9
  4. 7ebdde
  5. 91c6e3
  6. a4d0e8
  7. b6d9ed
  8. c8e3f2
  9. dbecf6
  10. edf6fb

Darker: #3aa0cf mixed with black

  1. 3aa0cf
  2. 318bb4
  3. 287699
  4. 20617f
  5. 184e67
  6. 103b4f
  7. 092938
  8. 041923
  9. 010910
  10. 000102

Calmer: #3aa0cf with less saturation

  1. 3aa0cf
  2. 489fc9
  3. 549ec4
  4. 5f9dbe
  5. 689cb8
  6. 719bb2
  7. 789aac
  8. 8099a6
  9. 8797a0
  10. 8e969a

Questions about #3aa0cf

What color is #3aa0cf?

#3aa0cf is bright sky blue. The closest named color is Peaceful River. In RGB it is rgb(58, 160, 207), in HSL hsl(198.93, 60.82%, 51.96%) and in OKLCH oklch(66.735% 0.11521 232.382).

What colors go well with #3aa0cf?

The complementary color of #3aa0cf is #cc7f4e. For a calmer combination use the analogous colors #00a9b3 and #6e94db. The triadic partners are #ca759b and #969b40.

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

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

Is #3aa0cf a warm or cool color?

#3aa0cf is a cool color. In OKLCH its hue is 232 degrees, its lightness 66.7% and its chroma 0.115.