#F07358 Information

#F07358 color RGB value is (240 , 115 , 88) , HEX triplet: f0, 73 and 58. RGB value is (240 , 115 , 88). Sum of RGB (Red+Green+Blue) = 240+115+88=443 (Red value is 240 (94.12% from 255 or 111.63% from 215); Green value is 115 (45.1% from 255 or 53.49% from 215); Blue value is 88 (34.51% from 255 or 40.93% from 215); Max value from RGB is 240 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #F07358 hue: 0.03 , saturation: 0.84 and the lightness value of f07358 is 0.64.

#f07358
(240 , 115 , 88)
  • R (240)
  • G (115)
  • B (88)
  • C (0)
  • M (49.02)
  • Y (59.61)
  • K (5.88)

Applying the #f07358

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

#eb6e53
#e6694e
#e16449
#dc5f44
#d75a3f
#d2553a
#cd5035
#c84b30
#c3462b
#be4126
#b93c21
#b4371c
#fc7f64
#ff8b70
#ff977c
#ffa388
#ffaf94
#ffbba0
#ffc7ac
#ffd3b8
#ffdfc4
#ffebd0
#fff7dc
#ffffe8

Color spaces of #f07358

Type Values
RGB 240 115 88
HSL 0.03 0.84 0.64
HSV 11 63 94
CMYK 0 49.02 59.61 5.88
XYZ 43.8274 31.4913 13.001
Hunter Lab 56.1171 41.2034 25.55
CIE-Lab 62.9202 46.1097 37.5846

Base Numbers

BaseRedGreenBlue
Decimal 240 115 88
Binary 11110000 1110011 1011000
Octal 360 163 130
Hex F0 73 58

Monochromatic Colors

#ff8c71
#ffa58a
#ffbea3
#ffd7bc
#fff0d5
#ffffee

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#f07358 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#F07358 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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