#F4418D Information

#F4418D color RGB value is (244 , 65 , 141) , HEX triplet: f4, 41 and 8d. RGB value is (244 , 65 , 141). Sum of RGB (Red+Green+Blue) = 244+65+141=450 (Red value is 244 (95.69% from 255 or 113.49% from 215); Green value is 65 (25.49% from 255 or 30.23% from 215); Blue value is 141 (55.29% from 255 or 65.58% from 215); Max value from RGB is 244 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #F4418D hue: 0.93 , saturation: 0.89 and the lightness value of f4418d is 0.61.

#f4418d
(244 , 65 , 141)
  • R (244)
  • G (65)
  • B (141)
  • C (0)
  • M (70.2)
  • Y (40.39)
  • K (4.31)

Applying the #f4418d

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

#ef3c88
#ea3783
#e5327e
#e02d79
#db2874
#d6236f
#d11e6a
#cc1965
#c71460
#c20f5b
#bd0a56
#b80551
#ff4d99
#ff59a5
#ff65b1
#ff71bd
#ff7dc9
#ff89d5
#ff95e1
#ffa1ed
#ffadf9
#ffb9ff
#ffc5ff
#ffd1ff

Color spaces of #f4418d

Type Values
RGB 244 65 141
HSL 0.93 0.89 0.61
HSV 335 73 96
CMYK 0 70.2 40.39 4.31
XYZ 44.0062 24.9368 27.6932
Hunter Lab 49.9367 69.9121 2.0868
CIE-Lab 57.0138 72.0933 -0.831

Base Numbers

BaseRedGreenBlue
Decimal 244 65 141
Binary 11110100 1000001 10001101
Octal 364 101 215
Hex F4 41 8D

Monochromatic Colors

#ff5aa6
#ff73bf
#ff8cd8
#ffa5f1
#ffbeff
#ffd7ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#f4418d Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#F4418D Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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