Skip to the color picker

#309ddc color: Blue Damselfly

#309ddc is rgb(48, 157, 220) in RGB and oklch(66.421% 0.13336 239.424) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

202°
100%

66.4%
0.133
239°
  • Sky blue
  • Medium
  • Vivid
  • Cool
  • ≈ Steel blue
  • sky-500
  • Black 14%

Inside sRGB: displays the same on any screen.

White text
3.01:1Hard to read
Lc -62
Black text
6.98: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 #309ddc

#309ddc is a bright sky blue color. In OKLCH it has 66.4% lightness, 0.133 chroma and a hue of 239°.

Inside sRGB: displays the same on any screen.

White text on it reaches 3.01:1 contrast and black text 6.98:1, so black text reads better.

The closest named color is Blue Damselfly (#2fa1da). In Tailwind CSS the closest color is sky-500.

More medium sky blue colors

Lighter: #309ddc mixed with white

  1. 309ddc
  2. 4da7e0
  3. 64b1e4
  4. 79bbe8
  5. 8dc5ec
  6. a1cfef
  7. b4d8f3
  8. c7e2f6
  9. d9ecf9
  10. ecf5fc

Darker: #309ddc mixed with black

  1. 309ddc
  2. 2888bf
  3. 2173a3
  4. 1a5f88
  5. 134c6e
  6. 0c3a54
  7. 06283c
  8. 031826
  9. 010911
  10. 000102

Calmer: #309ddc with less saturation

  1. 309ddc
  2. 419dd5
  3. 4e9cce
  4. 5a9bc7
  5. 649ac0
  6. 6d9ab8
  7. 7699b1
  8. 7e97aa
  9. 8596a2
  10. 8c959b

Questions about #309ddc

What color is #309ddc?

#309ddc is bright sky blue. The closest named color is Blue Damselfly. In RGB it is rgb(48, 157, 220), in HSL hsl(201.98, 71.07%, 52.55%) and in OKLCH oklch(66.421% 0.13336 239.424).

What colors go well with #309ddc?

The complementary color of #309ddc is #ce7d32. For a calmer combination use the analogous colors #00a8c0 and #738ee5. The triadic partners are #d46e91 and #8a9f33.

Is white or black text more readable on #309ddc?

Black text reads better on #309ddc: white gives a contrast ratio of 3.01:1 and black gives 6.98:1. WCAG AA asks for at least 4.5:1 for body text.

Is #309ddc a warm or cool color?

#309ddc is a cool color. In OKLCH its hue is 239 degrees, its lightness 66.4% and its chroma 0.133.