#DC7796 Information

#DC7796 color RGB value is (220 , 119 , 150) , HEX triplet: dc, 77 and 96. RGB value is (220 , 119 , 150). Sum of RGB (Red+Green+Blue) = 220+119+150=489 (Red value is 220 (86.27% from 255 or 102.33% from 215); Green value is 119 (46.67% from 255 or 55.35% from 215); Blue value is 150 (58.82% from 255 or 69.77% from 215); Max value from RGB is 220 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #DC7796 hue: 0.95 , saturation: 0.59 and the lightness value of dc7796 is 0.66.

#dc7796
(220 , 119 , 150)
  • R (220)
  • G (119)
  • B (150)
  • C (0)
  • M (39.61)
  • Y (27.45)
  • K (13.73)

Applying the #dc7796

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

#d77291
#d26d8c
#cd6887
#c86382
#c35e7d
#be5978
#b95473
#b44f6e
#af4a69
#aa4564
#a5405f
#a03b5a
#e883a2
#f48fae
#ff9bba
#ffa7c6
#ffb3d2
#ffbfde
#ffcbea
#ffd7f6
#ffe3ff
#ffefff
#fffbff
#ffffff

Color spaces of #dc7796

Type Values
RGB 220 119 150
HSL 0.95 0.59 0.66
HSV 342 46 86
CMYK 0 39.61 27.45 13.73
XYZ 41.617 30.6113 32.5693
Hunter Lab 55.3275 37.4439 3.8393
CIE-Lab 62.1781 42.7023 1.0341

Base Numbers

BaseRedGreenBlue
Decimal 220 119 150
Binary 11011100 1110111 10010110
Octal 334 167 226
Hex DC 77 96

Monochromatic Colors

#f590af
#ffa9c8
#ffc2e1
#ffdbfa
#fff4ff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#dc7796 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#DC7796 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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