#F44355 Information

#F44355 color RGB value is (244 , 67 , 85) , HEX triplet: f4, 43 and 55. RGB value is (244 , 67 , 85). Sum of RGB (Red+Green+Blue) = 244+67+85=396 (Red value is 244 (95.69% from 255 or 113.49% from 215); Green value is 67 (26.27% from 255 or 31.16% from 215); Blue value is 85 (33.33% from 255 or 39.53% from 215); Max value from RGB is 244 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #F44355 hue: 0.98 , saturation: 0.89 and the lightness value of f44355 is 0.61.

#f44355
(244 , 67 , 85)
  • R (244)
  • G (67)
  • B (85)
  • C (0)
  • M (69.41)
  • Y (62.35)
  • K (4.31)

Applying the #f44355

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

#ef3e50
#ea394b
#e53446
#e02f41
#db2a3c
#d62537
#d12032
#cc1b2d
#c71628
#c21123
#bd0c1e
#b80719
#ff4f61
#ff5b6d
#ff6779
#ff7385
#ff7f91
#ff8b9d
#ff97a9
#ffa3b5
#ffafc1
#ffbbcd
#ffc7d9
#ffd3e5

Color spaces of #f44355

Type Values
RGB 244 67 85
HSL 0.98 0.89 0.61
HSV 354 73 96
CMYK 0 69.41 62.35 4.31
XYZ 40.9551 23.9033 11.0496
Hunter Lab 48.891 63.967 20.828
CIE-Lab 55.9908 67.3478 30.8343

Base Numbers

BaseRedGreenBlue
Decimal 244 67 85
Binary 11110100 1000011 1010101
Octal 364 103 125
Hex F4 43 55

Monochromatic Colors

#ff5c6e
#ff7587
#ff8ea0
#ffa7b9
#ffc0d2
#ffd9eb

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#f44355 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#F44355 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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