Skip to the color picker

#309aee color: Out of the Blue

#309aee is rgb(48, 154, 238) in RGB and oklch(66.707% 0.15592 247.36) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

207°
100%

66.7%
0.156
247°
  • Blue
  • Medium
  • Vivid
  • Cool
  • ≈ Azure
  • sky-500
  • Black 7%

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

#309aee is a bright blue color. In OKLCH it has 66.7% lightness, 0.156 chroma and a hue of 247°.

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 Out of the Blue (#1199ee). In Tailwind CSS the closest color is sky-500.

More medium blue colors

Lighter: #309aee mixed with white

  1. 309aee
  2. 4ca5f1
  3. 63aff3
  4. 78baf5
  5. 8cc4f7
  6. a0cef9
  7. b3d8fb
  8. c6e2fc
  9. d9ecfd
  10. ecf5fe

Darker: #309aee mixed with black

  1. 309aee
  2. 2885cf
  3. 2171b1
  4. 1a5e93
  5. 134b77
  6. 0c395c
  7. 062742
  8. 03172a
  9. 010914
  10. 000103

Calmer: #309aee with less saturation

  1. 309aee
  2. 419ae5
  3. 4e9add
  4. 599ad4
  5. 649acb
  6. 6d99c2
  7. 7698b9
  8. 7e98b0
  9. 8697a7
  10. 8d959e

Questions about #309aee

What color is #309aee?

#309aee is bright blue. The closest named color is Out of the Blue. In RGB it is rgb(48, 154, 238), in HSL hsl(206.53, 84.82%, 56.08%) and in OKLCH oklch(66.707% 0.15592 247.36).

What colors go well with #309aee?

The complementary color of #309aee is #d27e00. For a calmer combination use the analogous colors #00a8cc and #7e88f2. The triadic partners are #e16683 and #7aa529.

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

Black text reads better on #309aee: 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 #309aee a warm or cool color?

#309aee is a cool color. In OKLCH its hue is 247 degrees, its lightness 66.7% and its chroma 0.156.