#F01984 Information

#F01984 color RGB value is (240 , 25 , 132) , HEX triplet: f0, 19 and 84. RGB value is (240 , 25 , 132). Sum of RGB (Red+Green+Blue) = 240+25+132=397 (Red value is 240 (94.12% from 255 or 111.63% from 215); Green value is 25 (9.8% from 255 or 11.63% from 215); Blue value is 132 (51.76% from 255 or 61.4% from 215); Max value from RGB is 240 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #F01984 hue: 0.92 , saturation: 0.88 and the lightness value of f01984 is 0.52.

#f01984
(240 , 25 , 132)
  • R (240)
  • G (25)
  • B (132)
  • C (0)
  • M (84.31)
  • Y (42.35)
  • K (5.88)

Applying the #f01984

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

#eb147f
#e60f7a
#e10a75
#dc0570
#d7006b
#d20066
#cd0061
#c8005c
#c30057
#be0052
#b9004d
#b40048
#fc2590
#ff319c
#ff3da8
#ff49b4
#ff55c0
#ff61cc
#ff6dd8
#ff79e4
#ff85f0
#ff91fc
#ff9dff
#ffa9ff

Color spaces of #f01984

Type Values
RGB 240 25 132
HSL 0.92 0.88 0.52
HSV 330 90 94
CMYK 0 84.31 42.35 5.88
XYZ 40.4477 20.8865 23.7295
Hunter Lab 45.7017 78.001 1.217
CIE-Lab 52.825 79.4275 -1.6935

Base Numbers

BaseRedGreenBlue
Decimal 240 25 132
Binary 11110000 11001 10000100
Octal 360 31 204
Hex F0 19 84

Monochromatic Colors

#ff329d
#ff4bb6
#ff64cf
#ff7de8
#ff96ff
#ffafff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#f01984 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#F01984 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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