#F06991 Information

#F06991 color RGB value is (240 , 105 , 145) , HEX triplet: f0, 69 and 91. RGB value is (240 , 105 , 145). Sum of RGB (Red+Green+Blue) = 240+105+145=490 (Red value is 240 (94.12% from 255 or 111.63% from 215); Green value is 105 (41.18% from 255 or 48.84% from 215); Blue value is 145 (56.86% from 255 or 67.44% from 215); Max value from RGB is 240 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #F06991 hue: 0.95 , saturation: 0.82 and the lightness value of f06991 is 0.68.

#f06991
(240 , 105 , 145)
  • R (240)
  • G (105)
  • B (145)
  • C (0)
  • M (52.94)
  • Y (37.25)
  • K (5.88)

Applying the #f06991

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

#eb648c
#e65f87
#e15a82
#dc557d
#d75078
#d24b73
#cd466e
#c84169
#c33c64
#be375f
#b9325a
#b42d55
#fc759d
#ff81a9
#ff8db5
#ff99c1
#ffa5cd
#ffb1d9
#ffbde5
#ffc9f1
#ffd5fd
#ffe1ff
#ffedff
#fff9ff

Color spaces of #f06991

Type Values
RGB 240 105 145
HSL 0.95 0.82 0.68
HSV 342 56 94
CMYK 0 52.94 37.25 5.88
XYZ 46.0976 30.6727 30.2789
Hunter Lab 55.383 51.653 6.3642
CIE-Lab 62.2304 55.6408 4.3361

Base Numbers

BaseRedGreenBlue
Decimal 240 105 145
Binary 11110000 1101001 10010001
Octal 360 151 221
Hex F0 69 91

Monochromatic Colors

#ff82aa
#ff9bc3
#ffb4dc
#ffcdf5
#ffe6ff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#f06991 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#F06991 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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