⤺ color picker

#f2c448 Color Hex

Hex color #f2c448, RGB(242, 196, 72) - code, conversions, schemes and color harmonies, as well as examples of use in HTML and CSS.

The hex color code #f2c448 is a shade of red-yellow. In a RGB color space it is composed of 94.9% red, 76.86% green and 28.24% blue. In HSL notation it has 43.8° hue, 86.7% saturation and 61.6% lightness. The process color (CMYK) is combination of 0% cyan, 19.01% magenta, 70.25% yellow and 5.10% key (black). The closest short hexadecimal code of #f2c448 is #fc4.

Color information

  • #f2c448 is a shade of red-yellow.
  • Red is dominant among the three primary colors (RGB).
  • CMYK color proportions:
    • Cyan: 0%
    • Magenta: 19.01%
    • Yellow: 70.25%
    • Key color - black: 5.10%
  • In the HSL model coordinates are:
    • Hue: 43.8° degrees
    • Saturation: 86.7%
    • Lightness: 61.6%
  • The values in the RGB color space are:
    • Red: 242 (94.9%)
    • Green: 196 (76.86%)
    • Blue: 72 (28.24%)


C: 0%, M: 19.01%, Y: 70.25%, K: 5.10%
R: 242, G: 196, B: 72
H: 43.8°, S: 86.7%, L: 61.6%

Color harmonies

#f2c448 color HTML and CSS codes

Example CSS code:

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

#f2c448 text/font color

How to set font color?

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

Font color is #f2c448.

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

#f2c448 background color

How to set background color?

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

Background color is #f2c448.

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