⤺ color picker

#afd2f5 Color Hex

Hex color #afd2f5, RGB(175, 210, 245) - code, conversions, schemes and color harmonies, as well as examples of use in HTML and CSS.

The hex color code #afd2f5 is a shade of blue-cyan. In a RGB color space it is composed of 68.63% red, 82.35% green and 96.08% blue. In HSL notation it has 210° hue, 77.8% saturation and 82.4% lightness. The process color (CMYK) is combination of 28.57% cyan, 14.29% magenta, 0% yellow and 3.92% key (black). The closest short hexadecimal code of #afd2f5 is #adf.

Color information

  • #afd2f5 is a shade of blue-cyan.
  • Blue is dominant among the three primary colors (RGB).
  • CMYK color proportions:
    • Cyan: 28.57%
    • Magenta: 14.29%
    • Yellow: 0%
    • Key color - black: 3.92%
  • In the HSL model coordinates are:
    • Hue: 210° degrees
    • Saturation: 77.8%
    • Lightness: 82.4%
  • The values in the RGB color space are:
    • Red: 175 (68.63%)
    • Green: 210 (82.35%)
    • Blue: 245 (96.08%)


C: 28.57%, M: 14.29%, Y: 0%, K: 3.92%
R: 175, G: 210, B: 245
H: 210°, S: 77.8%, L: 82.4%

Color harmonies

#afd2f5 color HTML and CSS codes

Example CSS code:

.setFontColor { color: #afd2f5; }
.setBackgroundColor { background-color: #afd2f5; }

#afd2f5 text/font color

How to set font color?

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

Font color is #afd2f5.

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

#afd2f5 background color

How to set background color?

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

Background color is #afd2f5.

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