#966597 Information

#966597 color RGB value is (150 , 101 , 151) , HEX triplet: 96, 65 and 97. RGB value is (150 , 101 , 151). Sum of RGB (Red+Green+Blue) = 150+101+151=402 (Red value is 150 (58.82% from 255 or 69.77% from 215); Green value is 101 (39.61% from 255 or 46.98% from 215); Blue value is 151 (59.22% from 255 or 70.23% from 215); Max value from RGB is 151 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #966597 hue: 0.83 , saturation: 0.2 and the lightness value of 966597 is 0.49.

#966597
(150 , 101 , 151)
  • R (150)
  • G (101)
  • B (151)
  • C (0.39)
  • M (19.61)
  • Y (0)
  • K (40.78)

Applying the #966597

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

#916092
#8c5b8d
#875688
#825183
#7d4c7e
#784779
#734274
#6e3d6f
#69386a
#643365
#5f2e60
#5a295b
#a271a3
#ae7daf
#ba89bb
#c695c7
#d2a1d3
#deaddf
#eab9eb
#f6c5f7
#ffd1ff
#ffddff
#ffe9ff
#fff5ff

Color spaces of #966597

Type Values
RGB 150 101 151
HSL 0.83 0.2 0.49
HSV 299 33 59
CMYK 0.39 19.61 0 40.78
XYZ 22.8173 18.0258 31.5549
Hunter Lab 42.4568 21.631 -14.3305
CIE-Lab 49.5273 28.3051 -19.3743

Base Numbers

BaseRedGreenBlue
Decimal 150 101 151
Binary 10010110 1100101 10010111
Octal 226 145 227
Hex 96 65 97

Monochromatic Colors

#af7eb0
#c897c9
#e1b0e2
#fac9fb
#ffe2ff
#fffbff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#966597 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#966597 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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