#966CB3 Information

#966CB3 color RGB value is (150 , 108 , 179) , HEX triplet: 96, 6c and b3. RGB value is (150 , 108 , 179). Sum of RGB (Red+Green+Blue) = 150+108+179=437 (Red value is 150 (58.82% from 255 or 69.77% from 215); Green value is 108 (42.35% from 255 or 50.23% from 215); Blue value is 179 (70.2% from 255 or 83.26% from 215); Max value from RGB is 179 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #966CB3 hue: 0.77 , saturation: 0.32 and the lightness value of 966cb3 is 0.56.

#966cb3
(150 , 108 , 179)
  • R (150)
  • G (108)
  • B (179)
  • C (11.37)
  • M (27.84)
  • Y (0)
  • K (29.8)

Applying the #966cb3

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

#9167ae
#8c62a9
#875da4
#82589f
#7d539a
#784e95
#734990
#6e448b
#693f86
#643a81
#5f357c
#5a3077
#a278bf
#ae84cb
#ba90d7
#c69ce3
#d2a8ef
#deb4fb
#eac0ff
#f6ccff
#ffd8ff
#ffe4ff
#fff0ff
#fffcff

Color spaces of #966cb3

Type Values
RGB 150 108 179
HSL 0.77 0.32 0.56
HSV 275 40 70
CMYK 11.37 27.84 0 29.8
XYZ 26.0769 20.4638 45.2233
Hunter Lab 45.237 23.7321 -27.5851
CIE-Lab 52.3576 30.2498 -31.3633

Base Numbers

BaseRedGreenBlue
Decimal 150 108 179
Binary 10010110 1101100 10110011
Octal 226 154 263
Hex 96 6C B3

Monochromatic Colors

#af85cc
#c89ee5
#e1b7fe
#fad0ff
#ffe9ff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#966cb3 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#966CB3 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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