⤺ color picker

#22a5f6 Color Hex

Hex color #22a5f6, RGB(34, 165, 246) - code, conversions, schemes and color harmonies, as well as examples of use in HTML and CSS.

The hex color code #22a5f6 is a shade of blue-cyan. In a RGB color space it is composed of 13.33% red, 64.71% green and 96.47% blue. In HSL notation it has 202.9° hue, 92.2% saturation and 54.9% lightness. The process color (CMYK) is combination of 86.18% cyan, 32.93% magenta, 0% yellow and 3.53% key (black). The closest short hexadecimal code of #22a5f6 is #2af.

Color information

  • #22a5f6 is a shade of blue-cyan.
  • Blue is dominant among the three primary colors (RGB).
  • CMYK color proportions:
    • Cyan: 86.18%
    • Magenta: 32.93%
    • Yellow: 0%
    • Key color - black: 3.53%
  • In the HSL model coordinates are:
    • Hue: 202.9° degrees
    • Saturation: 92.2%
    • Lightness: 54.9%
  • The values in the RGB color space are:
    • Red: 34 (13.33%)
    • Green: 165 (64.71%)
    • Blue: 246 (96.47%)


C: 86.18%, M: 32.93%, Y: 0%, K: 3.53%
R: 34, G: 165, B: 246
H: 202.9°, S: 92.2%, L: 54.9%

Color harmonies

#22a5f6 color HTML and CSS codes

Example CSS code:

.setFontColor { color: #22a5f6; }
.setBackgroundColor { background-color: #22a5f6; }

#22a5f6 text/font color

How to set font color?

<p style="color:#22a5f6">Font color is #22a5f6.</p>

Font color is #22a5f6.

When you photograph people in color, you photograph their clothes. But when you photograph people in Black and white, you photograph their souls!
- Ted Grant

#22a5f6 background color

How to set background color?

<div style="background-color:#22a5f6">Background color is #22a5f6.</div>

Background color is #22a5f6.

Red was ruby, green was fluorescent, yellow was simply incandescent. Color was life. Color was everything. Color, you see, was the universal sign of magic.
- Tahereh Mafi, Furthermore