#F05F85 Information

#F05F85 color RGB value is (240 , 95 , 133) , HEX triplet: f0, 5f and 85. RGB value is (240 , 95 , 133). Sum of RGB (Red+Green+Blue) = 240+95+133=468 (Red value is 240 (94.12% from 255 or 111.63% from 215); Green value is 95 (37.25% from 255 or 44.19% from 215); Blue value is 133 (52.16% from 255 or 61.86% from 215); Max value from RGB is 240 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #F05F85 hue: 0.96 , saturation: 0.83 and the lightness value of f05f85 is 0.66.

#f05f85
(240 , 95 , 133)
  • R (240)
  • G (95)
  • B (133)
  • C (0)
  • M (56.86)
  • Y (41.96)
  • K (5.88)

Applying the #f05f85

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

#eb5a80
#e6557b
#e15076
#dc4b71
#d7466c
#d24167
#cd3c62
#c8375d
#c33258
#be2d53
#b9284e
#b42349
#fc6b91
#ff779d
#ff83a9
#ff8fb5
#ff9bc1
#ffa7cd
#ffb3d9
#ffbfe5
#ffcbf1
#ffd7fd
#ffe3ff
#ffefff

Color spaces of #f05f85

Type Values
RGB 240 95 133
HSL 0.96 0.83 0.66
HSV 344 60 94
CMYK 0 56.86 41.96 5.88
XYZ 44.261 28.4031 25.3398
Hunter Lab 53.2946 54.9784 9.1253
CIE-Lab 60.2512 58.8839 8.447

Base Numbers

BaseRedGreenBlue
Decimal 240 95 133
Binary 11110000 1011111 10000101
Octal 360 137 205
Hex F0 5F 85

Monochromatic Colors

#ff789e
#ff91b7
#ffaad0
#ffc3e9
#ffdcff
#fff5ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#f05f85 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#F05F85 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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