#7F6DAB Information

#7F6DAB color RGB value is (127 , 109 , 171) , HEX triplet: 7f, 6d and ab. RGB value is (127 , 109 , 171). Sum of RGB (Red+Green+Blue) = 127+109+171=407 (Red value is 127 (49.8% from 255 or 59.07% from 215); Green value is 109 (42.75% from 255 or 50.7% 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 #7F6DAB hue: 0.72 , saturation: 0.27 and the lightness value of 7f6dab is 0.55.

#7f6dab
(127 , 109 , 171)
  • R (127)
  • G (109)
  • B (171)
  • C (17.25)
  • M (24.31)
  • Y (0)
  • K (32.94)

Applying the #7f6dab

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

#7a68a6
#7563a1
#705e9c
#6b5997
#665492
#614f8d
#5c4a88
#574583
#52407e
#4d3b79
#483674
#43316f
#8b79b7
#9785c3
#a391cf
#af9ddb
#bba9e7
#c7b5f3
#d3c1ff
#dfcdff
#ebd9ff
#f7e5ff
#fff1ff
#fffdff

Color spaces of #7f6dab

Type Values
RGB 127 109 171
HSL 0.72 0.27 0.55
HSV 257 36 67
CMYK 17.25 24.31 0 32.94
XYZ 21.5717 18.3896 40.9407
Hunter Lab 42.8831 14.7467 -26.5661
CIE-Lab 49.9653 20.6569 -30.6206

Base Numbers

BaseRedGreenBlue
Decimal 127 109 171
Binary 1111111 1101101 10101011
Octal 177 155 253
Hex 7F 6D AB

Monochromatic Colors

#9886c4
#b19fdd
#cab8f6
#e3d1ff
#fceaff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#7f6dab Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#7F6DAB Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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