⤺ color picker

#5caaf2 Color Hex

Hex color #5caaf2, RGB(92, 170, 242) - code, conversions, schemes and color harmonies, as well as examples of use in HTML and CSS.

The hex color code #5caaf2 is a shade of blue-cyan. In a RGB color space it is composed of 36.08% red, 66.67% green and 94.9% blue. In HSL notation it has 208.8° hue, 85.2% saturation and 65.5% lightness. The process color (CMYK) is combination of 61.98% cyan, 29.75% magenta, 0% yellow and 5.10% key (black). The closest short hexadecimal code of #5caaf2 is #5af.

Color information

  • #5caaf2 is a shade of blue-cyan.
  • Blue is dominant among the three primary colors (RGB).
  • CMYK color proportions:
    • Cyan: 61.98%
    • Magenta: 29.75%
    • Yellow: 0%
    • Key color - black: 5.10%
  • In the HSL model coordinates are:
    • Hue: 208.8° degrees
    • Saturation: 85.2%
    • Lightness: 65.5%
  • The values in the RGB color space are:
    • Red: 92 (36.08%)
    • Green: 170 (66.67%)
    • Blue: 242 (94.9%)


C: 61.98%, M: 29.75%, Y: 0%, K: 5.10%
R: 92, G: 170, B: 242
H: 208.8°, S: 85.2%, L: 65.5%

Color harmonies

#5caaf2 color HTML and CSS codes

Example CSS code:

.setFontColor { color: #5caaf2; }
.setBackgroundColor { background-color: #5caaf2; }

#5caaf2 text/font color

How to set font color?

<p style="color:#5caaf2">Font color is #5caaf2.</p>

Font color is #5caaf2.

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

#5caaf2 background color

How to set background color?

<div style="background-color:#5caaf2">Background color is #5caaf2.</div>

Background color is #5caaf2.

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