#826C96 Information

#826C96 color RGB value is (130 , 108 , 150) , HEX triplet: 82, 6c and 96. RGB value is (130 , 108 , 150). Sum of RGB (Red+Green+Blue) = 130+108+150=388 (Red value is 130 (50.98% from 255 or 60.47% from 215); Green value is 108 (42.35% from 255 or 50.23% from 215); Blue value is 150 (58.82% from 255 or 69.77% from 215); Max value from RGB is 150 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #826C96 hue: 0.75 , saturation: 0.17 and the lightness value of 826c96 is 0.51.

#826c96
(130 , 108 , 150)
  • R (130)
  • G (108)
  • B (150)
  • C (7.84)
  • M (16.47)
  • Y (0)
  • K (41.18)

Applying the #826c96

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

#7d6791
#78628c
#735d87
#6e5882
#69537d
#644e78
#5f4973
#5a446e
#553f69
#503a64
#4b355f
#46305a
#8e78a2
#9a84ae
#a690ba
#b29cc6
#bea8d2
#cab4de
#d6c0ea
#e2ccf6
#eed8ff
#fae4ff
#fff0ff
#fffcff

Color spaces of #826c96

Type Values
RGB 130 108 150
HSL 0.75 0.17 0.51
HSV 271 28 59
CMYK 7.84 16.47 0 41.18
XYZ 20.0735 17.673 31.2074
Hunter Lab 42.0392 11.6643 -14.5703
CIE-Lab 49.097 17.1684 -19.6286

Base Numbers

BaseRedGreenBlue
Decimal 130 108 150
Binary 10000010 1101100 10010110
Octal 202 154 226
Hex 82 6C 96

Monochromatic Colors

#9b85af
#b49ec8
#cdb7e1
#e6d0fa
#ffe9ff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#826c96 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#826C96 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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