#963CDF Information

#963CDF color RGB value is (150 , 60 , 223) , HEX triplet: 96, 3c and df. RGB value is (150 , 60 , 223). Sum of RGB (Red+Green+Blue) = 150+60+223=433 (Red value is 150 (58.82% from 255 or 69.77% from 215); Green value is 60 (23.53% from 255 or 27.91% from 215); Blue value is 223 (87.45% from 255 or 103.72% from 215); Max value from RGB is 223 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #963CDF hue: 0.76 , saturation: 0.72 and the lightness value of 963cdf is 0.55.

#963cdf
(150 , 60 , 223)
  • R (150)
  • G (60)
  • B (223)
  • C (28.63)
  • M (63.92)
  • Y (0)
  • K (12.55)

Applying the #963cdf

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

#9137da
#8c32d5
#872dd0
#8228cb
#7d23c6
#781ec1
#7319bc
#6e14b7
#690fb2
#640aad
#5f05a8
#5a00a3
#a248eb
#ae54f7
#ba60ff
#c66cff
#d278ff
#de84ff
#ea90ff
#f69cff
#ffa8ff
#ffb4ff
#ffc0ff
#ffccff

Color spaces of #963cdf

Type Values
RGB 150 60 223
HSL 0.76 0.72 0.55
HSV 273 73 87
CMYK 28.63 63.92 0 12.55
XYZ 27.5128 15.0435 71.2656
Hunter Lab 38.7859 58.7439 -81.7503
CIE-Lab 45.6937 64.8308 -67.2797

Base Numbers

BaseRedGreenBlue
Decimal 150 60 223
Binary 10010110 111100 11011111
Octal 226 74 337
Hex 96 3C DF

Monochromatic Colors

#af55f8
#c86eff
#e187ff
#faa0ff
#ffb9ff
#ffd2ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#963cdf Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#963CDF Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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