Skip to the color picker

#3fa9ca color: Dragonfly Blue

#3fa9ca is rgb(63, 169, 202) in RGB and oklch(68.784% 0.10633 222.381) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

194°
100%

68.8%
0.106
222°
  • Sky blue
  • Medium
  • Vivid
  • Cool
  • ≈ Steel blue
  • cyan-500
  • Black 21%

Inside sRGB: displays the same on any screen.

White text
2.71:1Hard to read
Lc -57
Black text
7.74: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 #3fa9ca

#3fa9ca is a bright sky blue color. In OKLCH it has 68.8% lightness, 0.106 chroma and a hue of 222°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.71:1 contrast and black text 7.74: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: #3fa9ca mixed with white

  1. 3fa9ca
  2. 58b2d0
  3. 6ebad5
  4. 81c3da
  5. 94cce0
  6. a7d4e5
  7. b8ddea
  8. cae5f0
  9. dceef5
  10. edf6fa

Darker: #3fa9ca mixed with black

  1. 3fa9ca
  2. 3592af
  3. 2c7c95
  4. 23677c
  5. 1b5364
  6. 123f4d
  7. 0a2c37
  8. 041b22
  9. 010a0f
  10. 000102

Calmer: #3fa9ca with less saturation

  1. 3fa9ca
  2. 4ea8c5
  3. 5aa7c1
  4. 64a5bc
  5. 6ea4b7
  6. 76a3b3
  7. 7ea1ae
  8. 86a0a9
  9. 8d9ea4
  10. 949c9f

Questions about #3fa9ca

What color is #3fa9ca?

#3fa9ca is bright sky blue. The closest named color is Dragonfly Blue. In RGB it is rgb(63, 169, 202), in HSL hsl(194.24, 56.73%, 51.96%) and in OKLCH oklch(68.784% 0.10633 222.381).

What colors go well with #3fa9ca?

The complementary color of #3fa9ca is #d28465. For a calmer combination use the analogous colors #31afac and #699edb. The triadic partners are #c880ad and #a79d49.

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

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

Is #3fa9ca a warm or cool color?

#3fa9ca is a cool color. In OKLCH its hue is 222 degrees, its lightness 68.8% and its chroma 0.106.