Skip to the color picker

#339af0 color: Out of the Blue

#339af0 is rgb(51, 154, 240) in RGB and oklch(66.891% 0.15745 248.318) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

207°
100%

66.9%
0.157
248°
  • Blue
  • Medium
  • Vivid
  • Cool
  • ≈ Azure
  • sky-500
  • Black 6%

Inside sRGB: displays the same on any screen.

White text
2.99:1Hard to read
Lc -61
Black text
7.02: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 #339af0

#339af0 is a bright blue color. In OKLCH it has 66.9% lightness, 0.157 chroma and a hue of 248°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.99:1 contrast and black text 7.02: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: #339af0 mixed with white

  1. 339af0
  2. 4ea5f2
  3. 65aff5
  4. 79baf7
  5. 8dc4f9
  6. a1cefa
  7. b4d8fc
  8. c7e2fd
  9. d9ecfe
  10. ecf5ff

Darker: #339af0 mixed with black

  1. 339af0
  2. 2b85d1
  3. 2371b2
  4. 1c5e95
  5. 144b78
  6. 0d395d
  7. 072743
  8. 03172a
  9. 010914
  10. 000103

Calmer: #339af0 with less saturation

  1. 339af0
  2. 439ae7
  3. 509ade
  4. 5b9ad5
  5. 659acc
  6. 6e99c3
  7. 7699ba
  8. 7f98b1
  9. 8697a8
  10. 8e969e

Questions about #339af0

What color is #339af0?

#339af0 is bright blue. The closest named color is Out of the Blue. In RGB it is rgb(51, 154, 240), in HSL hsl(207.3, 86.3%, 57.06%) and in OKLCH oklch(66.891% 0.15745 248.318).

What colors go well with #339af0?

The complementary color of #339af0 is #d27f00. For a calmer combination use the analogous colors #00a8ce and #8088f3. The triadic partners are #e36682 and #78a62a.

Is white or black text more readable on #339af0?

Black text reads better on #339af0: white gives a contrast ratio of 2.99:1 and black gives 7.02:1. WCAG AA asks for at least 4.5:1 for body text.

Is #339af0 a warm or cool color?

#339af0 is a cool color. In OKLCH its hue is 248 degrees, its lightness 66.9% and its chroma 0.157.