#7B177E Information

#7B177E color RGB value is (123 , 23 , 126) , HEX triplet: 7b, 17 and 7e. RGB value is (123 , 23 , 126). Sum of RGB (Red+Green+Blue) = 123+23+126=272 (Red value is 123 (48.24% from 255 or 57.21% from 215); Green value is 23 (9.02% from 255 or 10.7% from 215); Blue value is 126 (49.41% from 255 or 58.6% from 215); Max value from RGB is 126 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #7B177E hue: 0.83 , saturation: 0.69 and the lightness value of 7b177e is 0.29.

#7b177e
(123 , 23 , 126)
  • R (123)
  • G (23)
  • B (126)
  • C (1.18)
  • M (40.39)
  • Y (0)
  • K (50.59)

Applying the #7b177e

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

#761279
#710d74
#6c086f
#67036a
#620065
#5d0060
#58005b
#530056
#4e0051
#49004c
#440047
#3f0042
#87238a
#932f96
#9f3ba2
#ab47ae
#b753ba
#c35fc6
#cf6bd2
#db77de
#e783ea
#f38ff6
#ff9bff
#ffa7ff

Color spaces of #7b177e

Type Values
RGB 123 23 126
HSL 0.83 0.69 0.29
HSV 298 82 49
CMYK 1.18 40.39 0 50.59
XYZ 12.2407 6.3301 20.3153
Hunter Lab 25.1597 42.8142 -30.245
CIE-Lab 30.2305 53.2293 -34.5761

Base Numbers

BaseRedGreenBlue
Decimal 123 23 126
Binary 1111011 10111 1111110
Octal 173 27 176
Hex 7B 17 7E

Monochromatic Colors

#943097
#ad49b0
#c662c9
#df7be2
#f894fb
#ffadff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#7b177e Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#7B177E Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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