#F04314 Information

#F04314 color RGB value is (240 , 67 , 20) , HEX triplet: f0, 43 and 14. RGB value is (240 , 67 , 20). Sum of RGB (Red+Green+Blue) = 240+67+20=327 (Red value is 240 (94.12% from 255 or 111.63% from 215); Green value is 67 (26.27% from 255 or 31.16% from 215); Blue value is 20 (7.84% from 255 or 9.3% from 215); Max value from RGB is 240 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #F04314 hue: 0.04 , saturation: 0.88 and the lightness value of f04314 is 0.51.

#f04314
(240 , 67 , 20)
  • R (240)
  • G (67)
  • B (20)
  • C (0)
  • M (67.84)
  • Y (86.27)
  • K (5.88)

Applying the #f04314

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

#eb3e0f
#e6390a
#e13405
#dc2f00
#d72a00
#d22500
#cd2000
#c81b00
#c31600
#be1100
#b90c00
#b40700
#fc4f20
#ff5b2c
#ff6738
#ff7344
#ff7f50
#ff8b5c
#ff9768
#ffa374
#ffaf80
#ffbb8c
#ffc798
#ffd3a4

Color spaces of #f04314

Type Values
RGB 240 67 20
HSL 0.04 0.88 0.51
HSV 13 92 94
CMYK 0 67.84 86.27 5.88
XYZ 38.0686 22.5901 3.0157
Hunter Lab 47.529 59.7947 29.5089
CIE-Lab 54.6476 64.0485 61.2944

Base Numbers

BaseRedGreenBlue
Decimal 240 67 20
Binary 11110000 1000011 10100
Octal 360 103 24
Hex F0 43 14

Monochromatic Colors

#ff5c2d
#ff7546
#ff8e5f
#ffa778
#ffc091
#ffd9aa

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#f04314 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#F04314 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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