#FD7C2D Information

#FD7C2D color RGB value is (253 , 124 , 45) , HEX triplet: fd, 7c and 2d. RGB value is (253 , 124 , 45). Sum of RGB (Red+Green+Blue) = 253+124+45=422 (Red value is 253 (99.22% from 255 or 117.67% from 215); Green value is 124 (48.63% from 255 or 57.67% from 215); Blue value is 45 (17.65% from 255 or 20.93% from 215); Max value from RGB is 253 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #FD7C2D hue: 0.06 , saturation: 0.98 and the lightness value of fd7c2d is 0.58.

#fd7c2d
(253 , 124 , 45)
  • R (253)
  • G (124)
  • B (45)
  • C (0)
  • M (50.59)
  • Y (81.57)
  • K (0.78)

Applying the #fd7c2d

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

#f87728
#f37223
#ee6d1e
#e96819
#e46314
#df5e0f
#da590a
#d55405
#d04f00
#cb4a00
#c64500
#c14000
#ff8839
#ff9445
#ffa051
#ffac5d
#ffb869
#ffc475
#ffd081
#ffdc8d
#ffe899
#fff4a5
#ffffb1
#ffffbd

Color spaces of #fd7c2d

Type Values
RGB 253 124 45
HSL 0.06 0.98 0.58
HSV 23 82 99
CMYK 0 50.59 81.57 0.78
XYZ 48.1893 35.4874 6.7925
Hunter Lab 59.5713 40.1453 34.9409
CIE-Lab 66.1264 44.7019 62.2765

Base Numbers

BaseRedGreenBlue
Decimal 253 124 45
Binary 11111101 1111100 101101
Octal 375 174 55
Hex FD 7C 2D

Monochromatic Colors

#ff9546
#ffae5f
#ffc778
#ffe091
#fff9aa
#ffffc3

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#fd7c2d Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#FD7C2D Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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