Skip to the color picker

#309fbd color: Blue Horizon

#309fbd is rgb(48, 159, 189) in RGB and oklch(65.427% 0.10556 220.154) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

193°
100%

65.4%
0.106
220°
  • Sky blue
  • Medium
  • Vivid
  • Cool
  • ≈ Steel blue
  • cyan-600
  • Black 26%

Inside sRGB: displays the same on any screen.

White text
3.08:1Hard to read
Lc -63
Black text
6.82:1Readable · AA
Lc 47

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 #309fbd

#309fbd is a bright sky blue color. In OKLCH it has 65.4% lightness, 0.106 chroma and a hue of 220°.

Inside sRGB: displays the same on any screen.

White text on it reaches 3.08:1 contrast and black text 6.82:1, so black text reads better.

The closest named color is Blue Horizon (#289dbe). In Tailwind CSS the closest color is cyan-600.

More medium sky blue colors

Lighter: #309fbd mixed with white

  1. 309fbd
  2. 4da9c4
  3. 64b2ca
  4. 79bcd1
  5. 8dc5d8
  6. a1cfde
  7. b4d9e5
  8. c7e2ec
  9. daecf2
  10. ecf5f9

Darker: #309fbd mixed with black

  1. 309fbd
  2. 288aa4
  3. 21758c
  4. 1a6174
  5. 134d5d
  6. 0c3b47
  7. 062933
  8. 03181f
  9. 01090d
  10. 000102

Calmer: #309fbd with less saturation

  1. 309fbd
  2. 419eb9
  3. 4e9db4
  4. 599bb0
  5. 639aab
  6. 6c98a7
  7. 7497a3
  8. 7c959e
  9. 839499
  10. 8a9295

Questions about #309fbd

What color is #309fbd?

#309fbd is bright sky blue. The closest named color is Blue Horizon. In RGB it is rgb(48, 159, 189), in HSL hsl(192.77, 59.49%, 46.47%) and in OKLCH oklch(65.427% 0.10556 220.154).

What colors go well with #309fbd?

The complementary color of #309fbd is #c7795e. For a calmer combination use the analogous colors #23a59f and #5c95cf. The triadic partners are #bb76a5 and #9f923e.

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

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

Is #309fbd a warm or cool color?

#309fbd is a cool color. In OKLCH its hue is 220 degrees, its lightness 65.4% and its chroma 0.106.