#F08372 Information

#F08372 color RGB value is (240 , 131 , 114) , HEX triplet: f0, 83 and 72. RGB value is (240 , 131 , 114). Sum of RGB (Red+Green+Blue) = 240+131+114=485 (Red value is 240 (94.12% from 255 or 111.63% from 215); Green value is 131 (51.37% from 255 or 60.93% from 215); Blue value is 114 (44.71% from 255 or 53.02% from 215); Max value from RGB is 240 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #F08372 hue: 0.02 , saturation: 0.81 and the lightness value of f08372 is 0.69.

#f08372
(240 , 131 , 114)
  • R (240)
  • G (131)
  • B (114)
  • C (0)
  • M (42.75)
  • Y (49.41)
  • K (5.88)

Applying the #f08372

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

#eb7e6d
#e67968
#e17463
#dc6f5e
#d76a59
#d26554
#cd604f
#c85b4a
#c35645
#be5140
#b94c3b
#b44736
#fc8f7e
#ff9b8a
#ffa796
#ffb3a2
#ffbfae
#ffcbba
#ffd7c6
#ffe3d2
#ffefde
#fffbea
#fffff6
#ffffff

Color spaces of #f08372

Type Values
RGB 240 131 114
HSL 0.02 0.81 0.69
HSV 8 53 94
CMYK 0 42.75 49.41 5.88
XYZ 47.0887 35.9728 20.3812
Hunter Lab 59.9773 35.1819 21.8429
CIE-Lab 66.4991 40.0368 27.8327

Base Numbers

BaseRedGreenBlue
Decimal 240 131 114
Binary 11110000 10000011 1110010
Octal 360 203 162
Hex F0 83 72

Monochromatic Colors

#ff9c8b
#ffb5a4
#ffcebd
#ffe7d6
#ffffef
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#f08372 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#F08372 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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