⤺ color picker

#f74b56 Color Hex

Hex color #f74b56, RGB(247, 75, 86) - code, conversions, schemes and color harmonies, as well as examples of use in HTML and CSS.

The hex color code #f74b56 is a shade of red. In a RGB color space it is composed of 96.86% red, 29.41% green and 33.73% blue. In HSL notation it has 356.2° hue, 91.5% saturation and 63.1% lightness. The process color (CMYK) is combination of 0% cyan, 69.64% magenta, 65.18% yellow and 3.14% key (black). The closest short hexadecimal code of #f74b56 is #f45.

Color information

  • #f74b56 is a shade of red.
  • Red is dominant among the three primary colors (RGB).
  • CMYK color proportions:
    • Cyan: 0%
    • Magenta: 69.64%
    • Yellow: 65.18%
    • Key color - black: 3.14%
  • In the HSL model coordinates are:
    • Hue: 356.2° degrees
    • Saturation: 91.5%
    • Lightness: 63.1%
  • The values in the RGB color space are:
    • Red: 247 (96.86%)
    • Green: 75 (29.41%)
    • Blue: 86 (33.73%)


C: 0%, M: 69.64%, Y: 65.18%, K: 3.14%
R: 247, G: 75, B: 86
H: 356.2°, S: 91.5%, L: 63.1%

Color harmonies

#f74b56 color HTML and CSS codes

Example CSS code:

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

#f74b56 text/font color

How to set font color?

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

Font color is #f74b56.

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

#f74b56 background color

How to set background color?

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

Background color is #f74b56.

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