#6C5577 Information

#6C5577 color RGB value is (108 , 85 , 119) , HEX triplet: 6c, 55 and 77. RGB value is (108 , 85 , 119). Sum of RGB (Red+Green+Blue) = 108+85+119=312 (Red value is 108 (42.35% from 255 or 50.23% from 215); Green value is 85 (33.33% from 255 or 39.53% from 215); Blue value is 119 (46.67% from 255 or 55.35% from 215); Max value from RGB is 119 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #6C5577 hue: 0.78 , saturation: 0.17 and the lightness value of 6c5577 is 0.4.

#6c5577
(108 , 85 , 119)
  • R (108)
  • G (85)
  • B (119)
  • C (4.31)
  • M (13.33)
  • Y (0)
  • K (53.33)

Applying the #6c5577

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

#675072
#624b6d
#5d4668
#584163
#533c5e
#4e3759
#493254
#442d4f
#3f284a
#3a2345
#351e40
#30193b
#786183
#846d8f
#90799b
#9c85a7
#a891b3
#b49dbf
#c0a9cb
#ccb5d7
#d8c1e3
#e4cdef
#f0d9fb
#fce5ff

Color spaces of #6c5577

Type Values
RGB 108 85 119
HSL 0.78 0.17 0.4
HSV 281 29 47
CMYK 4.31 13.33 0 53.33
XYZ 12.7626 11.0171 18.9066
Hunter Lab 33.1919 10.5492 -10.5261
CIE-Lab 39.6092 16.3429 -15.7008

Base Numbers

BaseRedGreenBlue
Decimal 108 85 119
Binary 1101100 1010101 1110111
Octal 154 125 167
Hex 6C 55 77

Monochromatic Colors

#856e90
#9e87a9
#b7a0c2
#d0b9db
#e9d2f4
#ffebff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#6c5577 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#6C5577 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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