#6D3977 Information

#6D3977 color RGB value is (109 , 57 , 119) , HEX triplet: 6d, 39 and 77. RGB value is (109 , 57 , 119). Sum of RGB (Red+Green+Blue) = 109+57+119=285 (Red value is 109 (42.75% from 255 or 50.7% from 215); Green value is 57 (22.35% from 255 or 26.51% 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 #6D3977 hue: 0.81 , saturation: 0.35 and the lightness value of 6d3977 is 0.35.

#6d3977
(109 , 57 , 119)
  • R (109)
  • G (57)
  • B (119)
  • C (3.92)
  • M (24.31)
  • Y (0)
  • K (53.33)

Applying the #6d3977

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

#683472
#632f6d
#5e2a68
#592563
#54205e
#4f1b59
#4a1654
#45114f
#400c4a
#3b0745
#360240
#31003b
#794583
#85518f
#915d9b
#9d69a7
#a975b3
#b581bf
#c18dcb
#cd99d7
#d9a5e3
#e5b1ef
#f1bdfb
#fdc9ff

Color spaces of #6d3977

Type Values
RGB 109 57 119
HSL 0.81 0.35 0.35
HSV 290 52 47
CMYK 3.92 24.31 0 53.33
XYZ 11.0996 7.5094 18.3172
Hunter Lab 27.4032 24.3451 -20.4349
CIE-Lab 32.9395 33.4492 -26.0285

Base Numbers

BaseRedGreenBlue
Decimal 109 57 119
Binary 1101101 111001 1110111
Octal 155 71 167
Hex 6D 39 77

Monochromatic Colors

#865290
#9f6ba9
#b884c2
#d19ddb
#eab6f4
#ffcfff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#6d3977 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#6D3977 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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