#FD4CC4 Information

#FD4CC4 color RGB value is (253 , 76 , 196) , HEX triplet: fd, 4c and c4. RGB value is (253 , 76 , 196). Sum of RGB (Red+Green+Blue) = 253+76+196=525 (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 196 (76.86% from 255 or 91.16% from 215); Max value from RGB is 253 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #FD4CC4 hue: 0.89 , saturation: 0.98 and the lightness value of fd4cc4 is 0.65.

#fd4cc4
(253 , 76 , 196)
  • R (253)
  • G (76)
  • B (196)
  • C (0)
  • M (69.41)
  • Y (22.35)
  • K (0.78)

Applying the #fd4cc4

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

#f847bf
#f342ba
#ee3db5
#e938b0
#e433ab
#df2ea6
#da29a1
#d5249c
#d01f97
#cb1a92
#c6158d
#c11088
#ff58d0
#ff64dc
#ff70e8
#ff7cf4
#ff88ff
#ff94ff
#ffa0ff
#ffacff
#ffb8ff
#ffc4ff
#ffd0ff
#ffdcff

Color spaces of #fd4cc4

Type Values
RGB 253 76 196
HSL 0.89 0.98 0.65
HSV 319 70 99
CMYK 0 69.41 22.35 0.78
XYZ 53.0563 30.0371 55.2259
Hunter Lab 54.8061 76.8904 -21.3588
CIE-Lab 61.6862 76.8349 -25.5572

Base Numbers

BaseRedGreenBlue
Decimal 253 76 196
Binary 11111101 1001100 11000100
Octal 375 114 304
Hex FD 4C C4

Monochromatic Colors

#ff65dd
#ff7ef6
#ff97ff
#ffb0ff
#ffc9ff
#ffe2ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#fd4cc4 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#FD4CC4 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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