#D76D97 Information

#D76D97 color RGB value is (215 , 109 , 151) , HEX triplet: d7, 6d and 97. RGB value is (215 , 109 , 151). Sum of RGB (Red+Green+Blue) = 215+109+151=475 (Red value is 215 (84.31% from 255 or 100% from 215); Green value is 109 (42.75% from 255 or 50.7% from 215); Blue value is 151 (59.22% from 255 or 70.23% from 215); Max value from RGB is 215 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #D76D97 hue: 0.93 , saturation: 0.57 and the lightness value of d76d97 is 0.64.

#d76d97
(215 , 109 , 151)
  • R (215)
  • G (109)
  • B (151)
  • C (0)
  • M (41.57)
  • Y (25.1)
  • K (15.69)

Applying the #d76d97

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

#d26892
#cd638d
#c85e88
#c35983
#be547e
#b94f79
#b44a74
#af456f
#aa406a
#a53b65
#a03660
#9b315b
#e379a3
#ef85af
#fb91bb
#ff9dc7
#ffa9d3
#ffb5df
#ffc1eb
#ffcdf7
#ffd9ff
#ffe5ff
#fff1ff
#fffdff

Color spaces of #d76d97

Type Values
RGB 215 109 151
HSL 0.93 0.57 0.64
HSV 336 49 84
CMYK 0 41.57 25.1 15.69
XYZ 39.0789 27.6187 32.5494
Hunter Lab 52.5535 40.7644 0.0784
CIE-Lab 59.5427 46.1808 -3.4826

Base Numbers

BaseRedGreenBlue
Decimal 215 109 151
Binary 11010111 1101101 10010111
Octal 327 155 227
Hex D7 6D 97

Monochromatic Colors

#f086b0
#ff9fc9
#ffb8e2
#ffd1fb
#ffeaff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#d76d97 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#D76D97 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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