#6C6CAB Information

#6C6CAB color RGB value is (108 , 108 , 171) , HEX triplet: 6c, 6c and ab. RGB value is (108 , 108 , 171). Sum of RGB (Red+Green+Blue) = 108+108+171=387 (Red value is 108 (42.35% from 255 or 50.23% from 215); Green value is 108 (42.35% from 255 or 50.23% from 215); Blue value is 171 (67.06% from 255 or 79.53% from 215); Max value from RGB is 171 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #6C6CAB hue: 0.67 , saturation: 0.27 and the lightness value of 6c6cab is 0.55.

#6c6cab
(108 , 108 , 171)
  • R (108)
  • G (108)
  • B (171)
  • C (24.71)
  • M (24.71)
  • Y (0)
  • K (32.94)

Applying the #6c6cab

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

#6767a6
#6262a1
#5d5d9c
#585897
#535392
#4e4e8d
#494988
#444483
#3f3f7e
#3a3a79
#353574
#30306f
#7878b7
#8484c3
#9090cf
#9c9cdb
#a8a8e7
#b4b4f3
#c0c0ff
#ccccff
#d8d8ff
#e4e4ff
#f0f0ff
#fcfcff

Color spaces of #6c6cab

Type Values
RGB 108 108 171
HSL 0.67 0.27 0.55
HSV 240 37 67
CMYK 24.71 24.71 0 32.94
XYZ 18.8976 16.8535 40.7851
Hunter Lab 41.0531 10.3246 -30.1448
CIE-Lab 48.075 15.6422 -33.6967

Base Numbers

BaseRedGreenBlue
Decimal 108 108 171
Binary 1101100 1101100 10101011
Octal 154 154 253
Hex 6C 6C AB

Monochromatic Colors

#8585c4
#9e9edd
#b7b7f6
#d0d0ff
#e9e9ff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#6c6cab Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#6C6CAB Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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