#FD4821 Information

#FD4821 color RGB value is (253 , 72 , 33) , HEX triplet: fd, 48 and 21. RGB value is (253 , 72 , 33). Sum of RGB (Red+Green+Blue) = 253+72+33=358 (Red value is 253 (99.22% from 255 or 117.67% from 215); Green value is 72 (28.24% from 255 or 33.49% from 215); Blue value is 33 (12.94% from 255 or 15.35% from 215); Max value from RGB is 253 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #FD4821 hue: 0.03 , saturation: 0.98 and the lightness value of fd4821 is 0.56.

#fd4821
(253 , 72 , 33)
  • R (253)
  • G (72)
  • B (33)
  • C (0)
  • M (70.98)
  • Y (86.27)
  • K (0.78)

Applying the #fd4821

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

#f8431c
#f33e17
#ee3912
#e9340d
#e42f08
#df2a03
#da2500
#d52000
#d01b00
#cb1600
#c61100
#c10c00
#ff542d
#ff6039
#ff6c45
#ff7851
#ff845d
#ff9069
#ff9c75
#ffa881
#ffb48d
#ffc099
#ffcca5
#ffd8b1

Color spaces of #fd4821

Type Values
RGB 253 72 33
HSL 0.03 0.98 0.56
HSV 11 87 99
CMYK 0 70.98 86.27 0.78
XYZ 43.0999 25.6272 4.1138
Hunter Lab 50.6233 63.3815 30.6192
CIE-Lab 57.6815 66.5413 59.9266

Base Numbers

BaseRedGreenBlue
Decimal 253 72 33
Binary 11111101 1001000 100001
Octal 375 110 41
Hex FD 48 21

Monochromatic Colors

#ff613a
#ff7a53
#ff936c
#ffac85
#ffc59e
#ffdeb7

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#fd4821 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#FD4821 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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