#6A4ECD Information

#6A4ECD color RGB value is (106 , 78 , 205) , HEX triplet: 6a, 4e and cd. RGB value is (106 , 78 , 205). Sum of RGB (Red+Green+Blue) = 106+78+205=389 (Red value is 106 (41.57% from 255 or 49.3% from 215); Green value is 78 (30.59% from 255 or 36.28% from 215); Blue value is 205 (80.39% from 255 or 95.35% from 215); Max value from RGB is 205 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #6A4ECD hue: 0.7 , saturation: 0.56 and the lightness value of 6a4ecd is 0.55.

#6a4ecd
(106 , 78 , 205)
  • R (106)
  • G (78)
  • B (205)
  • C (38.82)
  • M (49.8)
  • Y (0)
  • K (19.61)

Applying the #6a4ecd

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

#6549c8
#6044c3
#5b3fbe
#563ab9
#5135b4
#4c30af
#472baa
#4226a5
#3d21a0
#381c9b
#331796
#2e1291
#765ad9
#8266e5
#8e72f1
#9a7efd
#a68aff
#b296ff
#bea2ff
#caaeff
#d6baff
#e2c6ff
#eed2ff
#fadeff

Color spaces of #6a4ecd

Type Values
RGB 106 78 205
HSL 0.7 0.56 0.55
HSV 253 62 80
CMYK 38.82 49.8 0 19.61
XYZ 19.6877 12.9207 59.2139
Hunter Lab 35.9454 34.862 -72.4728
CIE-Lab 42.6436 43.0651 -62.1397

Base Numbers

BaseRedGreenBlue
Decimal 106 78 205
Binary 1101010 1001110 11001101
Octal 152 116 315
Hex 6A 4E CD

Monochromatic Colors

#8367e6
#9c80ff
#b599ff
#ceb2ff
#e7cbff
#ffe4ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#6a4ecd Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#6A4ECD Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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