#FD6AC8 Information

#FD6AC8 color RGB value is (253 , 106 , 200) , HEX triplet: fd, 6a and c8. RGB value is (253 , 106 , 200). Sum of RGB (Red+Green+Blue) = 253+106+200=559 (Red value is 253 (99.22% from 255 or 117.67% from 215); Green value is 106 (41.57% from 255 or 49.3% from 215); Blue value is 200 (78.43% from 255 or 93.02% from 215); Max value from RGB is 253 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #FD6AC8 hue: 0.89 , saturation: 0.97 and the lightness value of fd6ac8 is 0.7.

#fd6ac8
(253 , 106 , 200)
  • R (253)
  • G (106)
  • B (200)
  • C (0)
  • M (57.65)
  • Y (20.78)
  • K (0.78)

Applying the #fd6ac8

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

#f865c3
#f360be
#ee5bb9
#e956b4
#e451af
#df4caa
#da47a5
#d542a0
#d03d9b
#cb3896
#c63391
#c12e8c
#ff76d4
#ff82e0
#ff8eec
#ff9af8
#ffa6ff
#ffb2ff
#ffbeff
#ffcaff
#ffd6ff
#ffe2ff
#ffeeff
#fffaff

Color spaces of #fd6ac8

Type Values
RGB 253 106 200
HSL 0.89 0.97 0.7
HSV 322 58 99
CMYK 0 57.65 20.78 0.78
XYZ 56.0874 35.3608 58.5128
Hunter Lab 59.465 64.2976 -16.6946
CIE-Lab 66.0286 65.8126 -21.1737

Base Numbers

BaseRedGreenBlue
Decimal 253 106 200
Binary 11111101 1101010 11001000
Octal 375 152 310
Hex FD 6A C8

Monochromatic Colors

#ff83e1
#ff9cfa
#ffb5ff
#ffceff
#ffe7ff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#fd6ac8 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#FD6AC8 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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