#F04459 Information

#F04459 color RGB value is (240 , 68 , 89) , HEX triplet: f0, 44 and 59. RGB value is (240 , 68 , 89). Sum of RGB (Red+Green+Blue) = 240+68+89=397 (Red value is 240 (94.12% from 255 or 111.63% from 215); Green value is 68 (26.67% from 255 or 31.63% from 215); Blue value is 89 (34.9% from 255 or 41.4% from 215); Max value from RGB is 240 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #F04459 hue: 0.98 , saturation: 0.85 and the lightness value of f04459 is 0.6.

#f04459
(240 , 68 , 89)
  • R (240)
  • G (68)
  • B (89)
  • C (0)
  • M (67.45)
  • Y (59.22)
  • K (5.88)

Applying the #f04459

You are awesome !

If you don't really have a dream, you can't really push yourself you don't really know what the target is.

Shades & Tints

#eb3f54
#e63a4f
#e1354a
#dc3045
#d72b40
#d2263b
#cd2136
#c81c31
#c3172c
#be1227
#b90d22
#b4081d
#fc5065
#ff5c71
#ff687d
#ff7489
#ff8095
#ff8ca1
#ff98ad
#ffa4b9
#ffb0c5
#ffbcd1
#ffc8dd
#ffd4e9

Color spaces of #f04459

Type Values
RGB 240 68 89
HSL 0.98 0.85 0.6
HSV 353 72 94
CMYK 0 67.45 59.22 5.88
XYZ 39.8055 23.3808 11.8662
Hunter Lab 48.3537 62.325 19.3021
CIE-Lab 55.4624 66.0584 27.6795

Base Numbers

BaseRedGreenBlue
Decimal 240 68 89
Binary 11110000 1000100 1011001
Octal 360 104 131
Hex F0 44 59

Monochromatic Colors

#ff5d72
#ff768b
#ff8fa4
#ffa8bd
#ffc1d6
#ffdaef

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#f04459 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#F04459 Color CSS Codes

You are Awesome !!

Text Color Example

<p style="color:#f04459">Text here</p>
You are Awesome !!

Background Color Example

<p style="background:#f04459">Text here</p>
You are Awesome !!

Border Color Example

<p style="border:2px solid #f04459">You are Awesome</p>
You are Awesome !!

Box & Text Shadow Color Example

<p style="text-shadow: 1px 1px 1px #f04459;
box-shadow: 1px 1px 4px #f04459">You are Awesome</p>