#966BB4 Information

#966BB4 color RGB value is (150 , 107 , 180) , HEX triplet: 96, 6b and b4. RGB value is (150 , 107 , 180). Sum of RGB (Red+Green+Blue) = 150+107+180=437 (Red value is 150 (58.82% from 255 or 69.77% from 215); Green value is 107 (41.96% from 255 or 49.77% from 215); Blue value is 180 (70.59% from 255 or 83.72% from 215); Max value from RGB is 180 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #966BB4 hue: 0.76 , saturation: 0.33 and the lightness value of 966bb4 is 0.56.

#966bb4
(150 , 107 , 180)
  • R (150)
  • G (107)
  • B (180)
  • C (11.76)
  • M (28.63)
  • Y (0)
  • K (29.41)

Applying the #966bb4

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

#9166af
#8c61aa
#875ca5
#8257a0
#7d529b
#784d96
#734891
#6e438c
#693e87
#643982
#5f347d
#5a2f78
#a277c0
#ae83cc
#ba8fd8
#c69be4
#d2a7f0
#deb3fc
#eabfff
#f6cbff
#ffd7ff
#ffe3ff
#ffefff
#fffbff

Color spaces of #966bb4

Type Values
RGB 150 107 180
HSL 0.76 0.33 0.56
HSV 275 41 71
CMYK 11.76 28.63 0 29.41
XYZ 26.0736 20.2947 45.7231
Hunter Lab 45.0496 24.4745 -28.62
CIE-Lab 52.1688 31.0499 -32.2365

Base Numbers

BaseRedGreenBlue
Decimal 150 107 180
Binary 10010110 1101011 10110100
Octal 226 153 264
Hex 96 6B B4

Monochromatic Colors

#af84cd
#c89de6
#e1b6ff
#facfff
#ffe8ff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#966bb4 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#966BB4 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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