#6C3772 Information

#6C3772 color RGB value is (108 , 55 , 114) , HEX triplet: 6c, 37 and 72. RGB value is (108 , 55 , 114). Sum of RGB (Red+Green+Blue) = 108+55+114=277 (Red value is 108 (42.35% from 255 or 50.23% from 215); Green value is 55 (21.57% from 255 or 25.58% from 215); Blue value is 114 (44.71% from 255 or 53.02% from 215); Max value from RGB is 114 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #6C3772 hue: 0.82 , saturation: 0.35 and the lightness value of 6c3772 is 0.33.

#6c3772
(108 , 55 , 114)
  • R (108)
  • G (55)
  • B (114)
  • C (2.35)
  • M (23.14)
  • Y (0)
  • K (55.29)

Applying the #6c3772

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

#67326d
#622d68
#5d2863
#58235e
#531e59
#4e1954
#49144f
#440f4a
#3f0a45
#3a0540
#35003b
#300036
#78437e
#844f8a
#905b96
#9c67a2
#a873ae
#b47fba
#c08bc6
#cc97d2
#d8a3de
#e4afea
#f0bbf6
#fcc7ff

Color spaces of #6c3772

Type Values
RGB 108 55 114
HSL 0.82 0.35 0.33
HSV 294 52 45
CMYK 2.35 23.14 0 55.29
XYZ 10.5878 7.1354 16.7388
Hunter Lab 26.7122 24.0049 -18.4414
CIE-Lab 32.1132 33.195 -24.1861

Base Numbers

BaseRedGreenBlue
Decimal 108 55 114
Binary 1101100 110111 1110010
Octal 154 67 162
Hex 6C 37 72

Monochromatic Colors

#85508b
#9e69a4
#b782bd
#d09bd6
#e9b4ef
#ffcdff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#6c3772 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#6C3772 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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