Skip to the color picker

#229cf7 color: Fresh Blue of Bel Air

#229cf7 is rgb(34, 156, 247) in RGB and oklch(67.406% 0.1677 247.418) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

206°
100%

67.4%
0.168
247°
  • Blue
  • Medium
  • Vivid
  • Cool
  • ≈ Azure
  • sky-500
  • Black 3%

Inside sRGB: displays the same on any screen.

White text
2.93:1Hard to read
Lc -60
Black text
7.17:1Readable · AA
Lc 49

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 #229cf7

#229cf7 is a bright blue color. In OKLCH it has 67.4% lightness, 0.168 chroma and a hue of 247°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.93:1 contrast and black text 7.17: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: #229cf7 mixed with white

  1. 229cf7
  2. 45a7f9
  3. 5eb1fa
  4. 74bbfc
  5. 89c5fd
  6. 9ecffe
  7. b1d9ff
  8. c5e3ff
  9. d8ecff
  10. ecf6ff

Darker: #229cf7 mixed with black

  1. 229cf7
  2. 1c87d7
  3. 1673b7
  4. 115f99
  5. 0b4c7c
  6. 073960
  7. 032845
  8. 01182c
  9. 000915
  10. 000103

Calmer: #229cf7 with less saturation

  1. 229cf7
  2. 399cee
  3. 499ce4
  4. 569cdb
  5. 619cd1
  6. 6c9bc8
  7. 759bbe
  8. 7e9ab4
  9. 8799ab
  10. 8f98a1

Questions about #229cf7

What color is #229cf7?

#229cf7 is bright blue. The closest named color is Fresh Blue of Bel Air. In RGB it is rgb(34, 156, 247), in HSL hsl(205.63, 93.01%, 55.1%) and in OKLCH oklch(67.406% 0.1677 247.418).

What colors go well with #229cf7?

The complementary color of #229cf7 is #d87d00. For a calmer combination use the analogous colors #00aacf and #7f88fb. The triadic partners are #e96384 and #79a818.

Is white or black text more readable on #229cf7?

Black text reads better on #229cf7: white gives a contrast ratio of 2.93:1 and black gives 7.17:1. WCAG AA asks for at least 4.5:1 for body text.

Is #229cf7 a warm or cool color?

#229cf7 is a cool color. In OKLCH its hue is 247 degrees, its lightness 67.4% and its chroma 0.168.