#F04396 Information

#F04396 color RGB value is (240 , 67 , 150) , HEX triplet: f0, 43 and 96. RGB value is (240 , 67 , 150). Sum of RGB (Red+Green+Blue) = 240+67+150=457 (Red value is 240 (94.12% from 255 or 111.63% from 215); Green value is 67 (26.27% from 255 or 31.16% from 215); Blue value is 150 (58.82% from 255 or 69.77% from 215); Max value from RGB is 240 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #F04396 hue: 0.92 , saturation: 0.85 and the lightness value of f04396 is 0.6.

#f04396
(240 , 67 , 150)
  • R (240)
  • G (67)
  • B (150)
  • C (0)
  • M (67.84)
  • Y (35.29)
  • K (5.88)

Applying the #f04396

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

#eb3e91
#e6398c
#e13487
#dc2f82
#d72a7d
#d22578
#cd2073
#c81b6e
#c31669
#be1164
#b90c5f
#b4075a
#fc4fa2
#ff5bae
#ff67ba
#ff73c6
#ff7fd2
#ff8bde
#ff97ea
#ffa3f6
#ffafff
#ffbbff
#ffc7ff
#ffd3ff

Color spaces of #f04396

Type Values
RGB 240 67 150
HSL 0.92 0.85 0.6
HSV 331 72 94
CMYK 0 67.84 35.29 5.88
XYZ 43.4474 24.7416 31.3398
Hunter Lab 49.7409 68.8684 -2.5248
CIE-Lab 56.8228 71.2722 -6.4947

Base Numbers

BaseRedGreenBlue
Decimal 240 67 150
Binary 11110000 1000011 10010110
Octal 360 103 226
Hex F0 43 96

Monochromatic Colors

#ff5caf
#ff75c8
#ff8ee1
#ffa7fa
#ffc0ff
#ffd9ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#f04396 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#F04396 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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