#F45025 Information

#F45025 color RGB value is (244 , 80 , 37) , HEX triplet: f4, 50 and 25. RGB value is (244 , 80 , 37). Sum of RGB (Red+Green+Blue) = 244+80+37=361 (Red value is 244 (95.69% from 255 or 113.49% from 215); Green value is 80 (31.37% from 255 or 37.21% from 215); Blue value is 37 (14.51% from 255 or 17.21% from 215); Max value from RGB is 244 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #F45025 hue: 0.03 , saturation: 0.9 and the lightness value of f45025 is 0.55.

#f45025
(244 , 80 , 37)
  • R (244)
  • G (80)
  • B (37)
  • C (0)
  • M (64.31)
  • Y (81.18)
  • K (4.31)

Applying the #f45025

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

#ef4b20
#ea461b
#e54116
#e03c11
#db370c
#d63207
#d12d02
#cc2800
#c72300
#c21e00
#bd1900
#b81400
#ff5c31
#ff683d
#ff7449
#ff8055
#ff8c61
#ff986d
#ffa479
#ffb085
#ffbc91
#ffc89d
#ffd4a9
#ffe0b5

Color spaces of #f45025

Type Values
RGB 244 80 37
HSL 0.03 0.9 0.55
HSV 12 85 96
CMYK 0 64.31 81.18 4.31
XYZ 40.5108 25.104 4.4607
Hunter Lab 50.1039 56.6421 29.7953
CIE-Lab 57.1766 60.8663 57.2204

Base Numbers

BaseRedGreenBlue
Decimal 244 80 37
Binary 11110100 1010000 100101
Octal 364 120 45
Hex F4 50 25

Monochromatic Colors

#ff693e
#ff8257
#ff9b70
#ffb489
#ffcda2
#ffe6bb

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#f45025 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#F45025 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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