#D77990 Information

#D77990 color RGB value is (215 , 121 , 144) , HEX triplet: d7, 79 and 90. RGB value is (215 , 121 , 144). Sum of RGB (Red+Green+Blue) = 215+121+144=480 (Red value is 215 (84.31% from 255 or 100% from 215); Green value is 121 (47.45% from 255 or 56.28% from 215); Blue value is 144 (56.47% from 255 or 66.98% from 215); Max value from RGB is 215 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #D77990 hue: 0.96 , saturation: 0.54 and the lightness value of d77990 is 0.66.

#d77990
(215 , 121 , 144)
  • R (215)
  • G (121)
  • B (144)
  • C (0)
  • M (36.86)
  • Y (27.84)
  • K (15.69)

Applying the #d77990

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

#d2748b
#cd6f86
#c86a81
#c3657c
#be6077
#b95b72
#b4566d
#af5168
#aa4c63
#a5475e
#a04259
#9b3d54
#e3859c
#ef91a8
#fb9db4
#ffa9c0
#ffb5cc
#ffc1d8
#ffcde4
#ffd9f0
#ffe5fc
#fff1ff
#fffdff
#ffffff

Color spaces of #d77990

Type Values
RGB 215 121 144
HSL 0.96 0.54 0.66
HSV 345 44 84
CMYK 0 36.86 27.84 15.69
XYZ 39.8957 30.1354 30.0995
Hunter Lab 54.8958 33.6583 5.9292
CIE-Lab 61.7709 39.1492 3.8021

Base Numbers

BaseRedGreenBlue
Decimal 215 121 144
Binary 11010111 1111001 10010000
Octal 327 171 220
Hex D7 79 90

Monochromatic Colors

#f092a9
#ffabc2
#ffc4db
#ffddf4
#fff6ff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#d77990 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#D77990 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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