#F06896 Information

#F06896 color RGB value is (240 , 104 , 150) , HEX triplet: f0, 68 and 96. RGB value is (240 , 104 , 150). Sum of RGB (Red+Green+Blue) = 240+104+150=494 (Red value is 240 (94.12% from 255 or 111.63% from 215); Green value is 104 (40.78% from 255 or 48.37% 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 #F06896 hue: 0.94 , saturation: 0.82 and the lightness value of f06896 is 0.67.

#f06896
(240 , 104 , 150)
  • R (240)
  • G (104)
  • B (150)
  • C (0)
  • M (53.33)
  • Y (35.29)
  • K (5.88)

Applying the #f06896

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

#eb6391
#e65e8c
#e15987
#dc5482
#d74f7d
#d24a78
#cd4573
#c8406e
#c33b69
#be3664
#b9315f
#b42c5a
#fc74a2
#ff80ae
#ff8cba
#ff98c6
#ffa4d2
#ffb0de
#ffbcea
#ffc8f6
#ffd4ff
#ffe0ff
#ffecff
#fff8ff

Color spaces of #f06896

Type Values
RGB 240 104 150
HSL 0.94 0.82 0.67
HSV 340 57 94
CMYK 0 53.33 35.29 5.88
XYZ 46.3905 30.6279 32.3209
Hunter Lab 55.3425 52.7774 4.1253
CIE-Lab 62.1923 56.6356 1.3993

Base Numbers

BaseRedGreenBlue
Decimal 240 104 150
Binary 11110000 1101000 10010110
Octal 360 150 226
Hex F0 68 96

Monochromatic Colors

#ff81af
#ff9ac8
#ffb3e1
#ffccfa
#ffe5ff
#fffeff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#f06896 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#F06896 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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