Skip to the color picker

#3aa2da color: Dayflower

#3aa2da is rgb(58, 162, 218) in RGB and oklch(67.73% 0.12465 236.662) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

201°
100%

67.7%
0.125
237°
  • Sky blue
  • Medium
  • Vivid
  • Cool
  • ≈ Steel blue
  • sky-500
  • Black 15%

Inside sRGB: displays the same on any screen.

White text
2.85:1Hard to read
Lc -60
Black text
7.36: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 #3aa2da

#3aa2da is a bright sky blue color. In OKLCH it has 67.7% lightness, 0.125 chroma and a hue of 237°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.85:1 contrast and black text 7.36:1, so black text reads better.

The closest named color is Dayflower (#38a1db). In Tailwind CSS the closest color is sky-500.

More medium sky blue colors

Lighter: #3aa2da mixed with white

  1. 3aa2da
  2. 54acde
  3. 6ab5e2
  4. 7ebee6
  5. 91c8ea
  6. a4d1ee
  7. b6daf2
  8. c9e4f5
  9. dbedf9
  10. edf6fc

Darker: #3aa2da mixed with black

  1. 3aa2da
  2. 318cbd
  3. 2877a2
  4. 206387
  5. 184f6c
  6. 103c54
  7. 092a3c
  8. 041925
  9. 010a11
  10. 000102

Calmer: #3aa2da with less saturation

  1. 3aa2da
  2. 49a1d4
  3. 55a1cd
  4. 60a0c7
  5. 6a9fc0
  6. 729eb9
  7. 7b9db3
  8. 829bac
  9. 8a9aa5
  10. 91999e

Questions about #3aa2da

What color is #3aa2da?

#3aa2da is bright sky blue. The closest named color is Dayflower. In RGB it is rgb(58, 162, 218), in HSL hsl(201, 68.38%, 54.12%) and in OKLCH oklch(67.73% 0.12465 236.662).

What colors go well with #3aa2da?

The complementary color of #3aa2da is #d18243. For a calmer combination use the analogous colors #00acbe and #7494e4. The triadic partners are #d37599 and #93a13e.

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

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

Is #3aa2da a warm or cool color?

#3aa2da is a cool color. In OKLCH its hue is 237 degrees, its lightness 67.7% and its chroma 0.125.