#FD4396 Information

#FD4396 color RGB value is (253 , 67 , 150) , HEX triplet: fd, 43 and 96. RGB value is (253 , 67 , 150). Sum of RGB (Red+Green+Blue) = 253+67+150=470 (Red value is 253 (99.22% from 255 or 117.67% from 215); Green value is 67 (26.27% from 255 or 31.16% from 215); Blue value is 150 (58.82% from 255 or 69.77% from 215); Max value from RGB is 253 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #FD4396 hue: 0.93 , saturation: 0.98 and the lightness value of fd4396 is 0.63.

#fd4396
(253 , 67 , 150)
  • R (253)
  • G (67)
  • B (150)
  • C (0)
  • M (72.94)
  • Y (40.39)
  • K (0.78)

Applying the #fd4396

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

#f83e91
#f3398c
#ee3487
#e92f82
#e42a7d
#df2578
#da2073
#d51b6e
#d01669
#cb1164
#c60c5f
#c1075a
#ff4fa2
#ff5bae
#ff67ba
#ff73c6
#ff7fd2
#ff8bde
#ff97ea
#ffa3f6
#ffafff
#ffbbff
#ffc7ff
#ffd3ff

Color spaces of #fd4396

Type Values
RGB 253 67 150
HSL 0.93 0.98 0.63
HSV 333 74 99
CMYK 0 72.94 40.39 0.78
XYZ 48.0202 27.099 31.5538
Hunter Lab 52.0567 73.56 0.5138
CIE-Lab 59.0658 74.6685 -2.9272

Base Numbers

BaseRedGreenBlue
Decimal 253 67 150
Binary 11111101 1000011 10010110
Octal 375 103 226
Hex FD 43 96

Monochromatic Colors

#ff5caf
#ff75c8
#ff8ee1
#ffa7fa
#ffc0ff
#ffd9ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#fd4396 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#FD4396 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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