#F04EBA Information

#F04EBA color RGB value is (240 , 78 , 186) , HEX triplet: f0, 4e and ba. RGB value is (240 , 78 , 186). Sum of RGB (Red+Green+Blue) = 240+78+186=504 (Red value is 240 (94.12% from 255 or 111.63% from 215); Green value is 78 (30.59% from 255 or 36.28% from 215); Blue value is 186 (72.94% from 255 or 86.51% from 215); Max value from RGB is 240 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #F04EBA hue: 0.89 , saturation: 0.84 and the lightness value of f04eba is 0.62.

#f04eba
(240 , 78 , 186)
  • R (240)
  • G (78)
  • B (186)
  • C (0)
  • M (63.53)
  • Y (21.18)
  • K (5.88)

Applying the #f04eba

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

#eb49b5
#e644b0
#e13fab
#dc3aa6
#d735a1
#d2309c
#cd2b97
#c82692
#c3218d
#be1c88
#b91783
#b4127e
#fc5ac6
#ff66d2
#ff72de
#ff7eea
#ff8af6
#ff96ff
#ffa2ff
#ffaeff
#ffbaff
#ffc6ff
#ffd2ff
#ffdeff

Color spaces of #f04eba

Type Values
RGB 240 78 186
HSL 0.89 0.84 0.62
HSV 320 68 94
CMYK 0 63.53 21.18 5.88
XYZ 47.5225 27.5192 49.2614
Hunter Lab 52.4588 69.9008 -18.9355
CIE-Lab 59.4519 71.6239 -23.4473

Base Numbers

BaseRedGreenBlue
Decimal 240 78 186
Binary 11110000 1001110 10111010
Octal 360 116 272
Hex F0 4E BA

Monochromatic Colors

#ff67d3
#ff80ec
#ff99ff
#ffb2ff
#ffcbff
#ffe4ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#f04eba Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#F04EBA Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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