Skip to the color picker

#339af2 color: Fresh Blue of Bel Air

#339af2 is rgb(51, 154, 242) in RGB and oklch(67.005% 0.15982 248.852) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

208°
100%

67%
0.160
249°
  • Blue
  • Medium
  • Vivid
  • Cool
  • ≈ Azure
  • sky-500
  • Black 5%

Inside sRGB: displays the same on any screen.

White text
2.98:1Hard to read
Lc -61
Black text
7.05: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 #339af2

#339af2 is a bright blue color. In OKLCH it has 67% lightness, 0.16 chroma and a hue of 249°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.98:1 contrast and black text 7.05:1, so black text reads better.

The closest named color is Fresh Blue of Bel Air (#069af3). In Tailwind CSS the closest color is sky-500.

More medium blue colors

Lighter: #339af2 mixed with white

  1. 339af2
  2. 4ea5f4
  3. 65aff6
  4. 79baf8
  5. 8dc4fa
  6. a1cefb
  7. b4d8fd
  8. c7e2fe
  9. d9ecfe
  10. ecf5ff

Darker: #339af2 mixed with black

  1. 339af2
  2. 2b85d2
  3. 2371b4
  4. 1c5e96
  5. 144b79
  6. 0d395e
  7. 072743
  8. 03172b
  9. 010914
  10. 000103

Calmer: #339af2 with less saturation

  1. 339af2
  2. 439ae9
  3. 509ae0
  4. 5b9ad7
  5. 659ace
  6. 6e9ac5
  7. 7799bb
  8. 7f98b2
  9. 8797a9
  10. 8e969f

Questions about #339af2

What color is #339af2?

#339af2 is bright blue. The closest named color is Fresh Blue of Bel Air. In RGB it is rgb(51, 154, 242), in HSL hsl(207.64, 88.02%, 57.45%) and in OKLCH oklch(67.005% 0.15982 248.852).

What colors go well with #339af2?

The complementary color of #339af2 is #d37f00. For a calmer combination use the analogous colors #00a8d0 and #8287f5. The triadic partners are #e46581 and #76a729.

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

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

Is #339af2 a warm or cool color?

#339af2 is a cool color. In OKLCH its hue is 249 degrees, its lightness 67% and its chroma 0.16.