#F06564 Information

#F06564 color RGB value is (240 , 101 , 100) , HEX triplet: f0, 65 and 64. RGB value is (240 , 101 , 100). Sum of RGB (Red+Green+Blue) = 240+101+100=441 (Red value is 240 (94.12% from 255 or 111.63% from 215); Green value is 101 (39.61% from 255 or 46.98% from 215); Blue value is 100 (39.22% from 255 or 46.51% from 215); Max value from RGB is 240 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #F06564 hue: 0 , saturation: 0.82 and the lightness value of f06564 is 0.67.

#f06564
(240 , 101 , 100)
  • R (240)
  • G (101)
  • B (100)
  • C (0)
  • M (54.51)
  • Y (54.9)
  • K (5.88)

Applying the #f06564

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

#eb605f
#e65b5a
#e15655
#dc5150
#d74c4b
#d24746
#cd4241
#c83d3c
#c33837
#be3332
#b92e2d
#b42928
#fc7170
#ff7d7c
#ff8988
#ff9594
#ffa1a0
#ffadac
#ffb9b8
#ffc5c4
#ffd1d0
#ffdddc
#ffe9e8
#fff5f4

Color spaces of #f06564

Type Values
RGB 240 101 100
HSL 0 0.82 0.67
HSV 0 58 94
CMYK 0 54.51 54.9 5.88
XYZ 42.8891 28.7527 15.3459
Hunter Lab 53.6216 48.9353 20.5723
CIE-Lab 60.5628 53.4947 27.9231

Base Numbers

BaseRedGreenBlue
Decimal 240 101 100
Binary 11110000 1100101 1100100
Octal 360 145 144
Hex F0 65 64

Monochromatic Colors

#ff7e7d
#ff9796
#ffb0af
#ffc9c8
#ffe2e1
#fffbfa

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#f06564 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#F06564 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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