#FD4C76 Information

#FD4C76 color RGB value is (253 , 76 , 118) , HEX triplet: fd, 4c and 76. RGB value is (253 , 76 , 118). Sum of RGB (Red+Green+Blue) = 253+76+118=447 (Red value is 253 (99.22% from 255 or 117.67% from 215); Green value is 76 (29.8% from 255 or 35.35% from 215); Blue value is 118 (46.27% from 255 or 54.88% from 215); Max value from RGB is 253 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #FD4C76 hue: 0.96 , saturation: 0.98 and the lightness value of fd4c76 is 0.65.

#fd4c76
(253 , 76 , 118)
  • R (253)
  • G (76)
  • B (118)
  • C (0)
  • M (69.41)
  • Y (52.94)
  • K (0.78)

Applying the #fd4c76

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

#f84771
#f3426c
#ee3d67
#e93862
#e4335d
#df2e58
#da2953
#d5244e
#d01f49
#cb1a44
#c6153f
#c1103a
#ff5882
#ff648e
#ff709a
#ff7ca6
#ff88b2
#ff94be
#ffa0ca
#ffacd6
#ffb8e2
#ffc4ee
#ffd0fa
#ffdcff

Color spaces of #fd4c76

Type Values
RGB 253 76 118
HSL 0.96 0.98 0.65
HSV 346 70 99
CMYK 0 69.41 52.94 0.78
XYZ 46.3625 27.3595 19.9769
Hunter Lab 52.3063 66.68 13.9778
CIE-Lab 59.3056 68.9985 16.1917

Base Numbers

BaseRedGreenBlue
Decimal 253 76 118
Binary 11111101 1001100 1110110
Octal 375 114 166
Hex FD 4C 76

Monochromatic Colors

#ff658f
#ff7ea8
#ff97c1
#ffb0da
#ffc9f3
#ffe2ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#fd4c76 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#FD4C76 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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