#6C588C Information

#6C588C color RGB value is (108 , 88 , 140) , HEX triplet: 6c, 58 and 8c. RGB value is (108 , 88 , 140). Sum of RGB (Red+Green+Blue) = 108+88+140=336 (Red value is 108 (42.35% from 255 or 50.23% from 215); Green value is 88 (34.51% from 255 or 40.93% from 215); Blue value is 140 (54.9% from 255 or 65.12% from 215); Max value from RGB is 140 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #6C588C hue: 0.73 , saturation: 0.23 and the lightness value of 6c588c is 0.45.

#6c588c
(108 , 88 , 140)
  • R (108)
  • G (88)
  • B (140)
  • C (12.55)
  • M (20.39)
  • Y (0)
  • K (45.1)

Applying the #6c588c

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

#675387
#624e82
#5d497d
#584478
#533f73
#4e3a6e
#493569
#443064
#3f2b5f
#3a265a
#352155
#301c50
#786498
#8470a4
#907cb0
#9c88bc
#a894c8
#b4a0d4
#c0ace0
#ccb8ec
#d8c4f8
#e4d0ff
#f0dcff
#fce8ff

Color spaces of #6c588c

Type Values
RGB 108 88 140
HSL 0.73 0.23 0.45
HSV 263 37 55
CMYK 12.55 20.39 0 45.1
XYZ 14.4077 12.061 26.3796
Hunter Lab 34.729 13.2769 -20.7093
CIE-Lab 41.313 19.5584 -25.8653

Base Numbers

BaseRedGreenBlue
Decimal 108 88 140
Binary 1101100 1011000 10001100
Octal 154 130 214
Hex 6C 58 8C

Monochromatic Colors

#8571a5
#9e8abe
#b7a3d7
#d0bcf0
#e9d5ff
#ffeeff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#6c588c Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#6C588C Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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