Skip to the color picker

#3faacb color: Dragonfly Blue

#3faacb is rgb(63, 170, 203) in RGB and oklch(69.064% 0.10687 222.198) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

194°
100%

69.1%
0.107
222°
  • Sky blue
  • Medium
  • Vivid
  • Cool
  • ≈ Mint
  • cyan-500
  • Black 20%

Inside sRGB: displays the same on any screen.

White text
2.68:1Hard to read
Lc -57
Black text
7.82:1Readable · AA
Lc 52

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

#3faacb is a bright sky blue color. In OKLCH it has 69.1% lightness, 0.107 chroma and a hue of 222°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.68:1 contrast and black text 7.82:1, so black text reads better.

The closest named color is Dragonfly Blue (#45abca). In Tailwind CSS the closest color is cyan-500.

More medium sky blue colors

Lighter: #3faacb mixed with white

  1. 3faacb
  2. 58b3d0
  3. 6ebbd6
  4. 82c4db
  5. 94cce0
  6. a7d5e6
  7. b9ddeb
  8. cae6f0
  9. dceef5
  10. eef7fa

Darker: #3faacb mixed with black

  1. 3faacb
  2. 3593b0
  3. 2c7d96
  4. 23687d
  5. 1b5365
  6. 123f4d
  7. 0a2d37
  8. 041b22
  9. 010b0f
  10. 000102

Calmer: #3faacb with less saturation

  1. 3faacb
  2. 4ea9c6
  3. 5aa8c2
  4. 65a6bd
  5. 6ea5b8
  6. 77a4b4
  7. 7fa2af
  8. 87a0aa
  9. 8e9fa5
  10. 959da0

Questions about #3faacb

What color is #3faacb?

#3faacb is bright sky blue. The closest named color is Dragonfly Blue. In RGB it is rgb(63, 170, 203), in HSL hsl(194.14, 57.38%, 52.16%) and in OKLCH oklch(69.064% 0.10687 222.198).

What colors go well with #3faacb?

The complementary color of #3faacb is #d38566. For a calmer combination use the analogous colors #31b0ad and #699fdc. The triadic partners are #c980ae and #a99e49.

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

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

Is #3faacb a warm or cool color?

#3faacb is a cool color. In OKLCH its hue is 222 degrees, its lightness 69.1% and its chroma 0.107.