#6C6992 Information

#6C6992 color RGB value is (108 , 105 , 146) , HEX triplet: 6c, 69 and 92. RGB value is (108 , 105 , 146). Sum of RGB (Red+Green+Blue) = 108+105+146=359 (Red value is 108 (42.35% from 255 or 50.23% from 215); Green value is 105 (41.18% from 255 or 48.84% from 215); Blue value is 146 (57.25% from 255 or 67.91% from 215); Max value from RGB is 146 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #6C6992 hue: 0.68 , saturation: 0.16 and the lightness value of 6c6992 is 0.49.

#6c6992
(108 , 105 , 146)
  • R (108)
  • G (105)
  • B (146)
  • C (14.9)
  • M (16.08)
  • Y (0)
  • K (42.75)

Applying the #6c6992

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

#67648d
#625f88
#5d5a83
#58557e
#535079
#4e4b74
#49466f
#44416a
#3f3c65
#3a3760
#35325b
#302d56
#78759e
#8481aa
#908db6
#9c99c2
#a8a5ce
#b4b1da
#c0bde6
#ccc9f2
#d8d5fe
#e4e1ff
#f0edff
#fcf9ff

Color spaces of #6c6992

Type Values
RGB 108 105 146
HSL 0.68 0.16 0.49
HSV 244 28 57
CMYK 14.9 16.08 0 42.75
XYZ 16.4242 15.3666 29.2945
Hunter Lab 39.2003 6.188 -16.8518
CIE-Lab 46.1323 10.6843 -21.989

Base Numbers

BaseRedGreenBlue
Decimal 108 105 146
Binary 1101100 1101001 10010010
Octal 154 151 222
Hex 6C 69 92

Monochromatic Colors

#8582ab
#9e9bc4
#b7b4dd
#d0cdf6
#e9e6ff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#6c6992 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#6C6992 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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