#F04153 Information

#F04153 color RGB value is (240 , 65 , 83) , HEX triplet: f0, 41 and 53. RGB value is (240 , 65 , 83). Sum of RGB (Red+Green+Blue) = 240+65+83=388 (Red value is 240 (94.12% from 255 or 111.63% from 215); Green value is 65 (25.49% from 255 or 30.23% from 215); Blue value is 83 (32.55% from 255 or 38.6% from 215); Max value from RGB is 240 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #F04153 hue: 0.98 , saturation: 0.85 and the lightness value of f04153 is 0.6.

#f04153
(240 , 65 , 83)
  • R (240)
  • G (65)
  • B (83)
  • C (0)
  • M (68.63)
  • Y (61.57)
  • K (5.88)

Applying the #f04153

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

#eb3c4e
#e63749
#e13244
#dc2d3f
#d7283a
#d22335
#cd1e30
#c8192b
#c31426
#be0f21
#b90a1c
#b40517
#fc4d5f
#ff596b
#ff6577
#ff7183
#ff7d8f
#ff899b
#ff95a7
#ffa1b3
#ffadbf
#ffb9cb
#ffc5d7
#ffd1e3

Color spaces of #f04153

Type Values
RGB 240 65 83
HSL 0.98 0.85 0.6
HSV 354 73 94
CMYK 0 68.63 61.57 5.88
XYZ 39.3868 22.9304 10.5337
Hunter Lab 47.8857 63.0195 20.4816
CIE-Lab 55.0006 66.7329 30.6019

Base Numbers

BaseRedGreenBlue
Decimal 240 65 83
Binary 11110000 1000001 1010011
Octal 360 101 123
Hex F0 41 53

Monochromatic Colors

#ff5a6c
#ff7385
#ff8c9e
#ffa5b7
#ffbed0
#ffd7e9

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#f04153 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#F04153 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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