#FD7527 Information

#FD7527 color RGB value is (253 , 117 , 39) , HEX triplet: fd, 75 and 27. RGB value is (253 , 117 , 39). Sum of RGB (Red+Green+Blue) = 253+117+39=409 (Red value is 253 (99.22% from 255 or 117.67% from 215); Green value is 117 (45.88% from 255 or 54.42% from 215); Blue value is 39 (15.29% from 255 or 18.14% from 215); Max value from RGB is 253 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #FD7527 hue: 0.06 , saturation: 0.98 and the lightness value of fd7527 is 0.57.

#fd7527
(253 , 117 , 39)
  • R (253)
  • G (117)
  • B (39)
  • C (0)
  • M (53.33)
  • Y (83.92)
  • K (0.78)

Applying the #fd7527

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

#f87022
#f36b1d
#ee6618
#e96113
#e45c0e
#df5709
#da5204
#d54d00
#d04800
#cb4300
#c63e00
#c13900
#ff8133
#ff8d3f
#ff994b
#ffa557
#ffb163
#ffbd6f
#ffc97b
#ffd587
#ffe193
#ffed9f
#fff9ab
#ffffb7

Color spaces of #fd7527

Type Values
RGB 253 117 39
HSL 0.06 0.98 0.57
HSV 22 85 99
CMYK 0 53.33 83.92 0.78
XYZ 47.2355 33.7517 5.9446
Hunter Lab 58.0962 43.4624 34.6018
CIE-Lab 64.765 47.922 63.3775

Base Numbers

BaseRedGreenBlue
Decimal 253 117 39
Binary 11111101 1110101 100111
Octal 375 165 47
Hex FD 75 27

Monochromatic Colors

#ff8e40
#ffa759
#ffc072
#ffd98b
#fff2a4
#ffffbd

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#fd7527 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#FD7527 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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