#7F4180 Information

#7F4180 color RGB value is (127 , 65 , 128) , HEX triplet: 7f, 41 and 80. RGB value is (127 , 65 , 128). Sum of RGB (Red+Green+Blue) = 127+65+128=320 (Red value is 127 (49.8% from 255 or 59.07% from 215); Green value is 65 (25.49% from 255 or 30.23% from 215); Blue value is 128 (50.2% from 255 or 59.53% from 215); Max value from RGB is 128 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #7F4180 hue: 0.83 , saturation: 0.33 and the lightness value of 7f4180 is 0.38.

#7f4180
(127 , 65 , 128)
  • R (127)
  • G (65)
  • B (128)
  • C (0.39)
  • M (24.71)
  • Y (0)
  • K (49.8)

Applying the #7f4180

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

#7a3c7b
#753776
#703271
#6b2d6c
#662867
#612362
#5c1e5d
#571958
#521453
#4d0f4e
#480a49
#430544
#8b4d8c
#975998
#a365a4
#af71b0
#bb7dbc
#c789c8
#d395d4
#dfa1e0
#ebadec
#f7b9f8
#ffc5ff
#ffd1ff

Color spaces of #7f4180

Type Values
RGB 127 65 128
HSL 0.83 0.33 0.38
HSV 299 49 50
CMYK 0.39 24.71 0 49.8
XYZ 14.539 9.8511 21.5572
Hunter Lab 31.3865 27.7591 -18.7372
CIE-Lab 37.5739 36.4823 -24.1979

Base Numbers

BaseRedGreenBlue
Decimal 127 65 128
Binary 1111111 1000001 10000000
Octal 177 101 200
Hex 7F 41 80

Monochromatic Colors

#985a99
#b173b2
#ca8ccb
#e3a5e4
#fcbefd
#ffd7ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#7f4180 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#7F4180 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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