#63326D Information

#63326D color RGB value is (99 , 50 , 109) , HEX triplet: 63, 32 and 6d. RGB value is (99 , 50 , 109). Sum of RGB (Red+Green+Blue) = 99+50+109=258 (Red value is 99 (38.82% from 255 or 46.05% from 215); Green value is 50 (19.61% from 255 or 23.26% from 215); Blue value is 109 (42.75% from 255 or 50.7% from 215); Max value from RGB is 109 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #63326D hue: 0.81 , saturation: 0.37 and the lightness value of 63326d is 0.31.

#63326d
(99 , 50 , 109)
  • R (99)
  • G (50)
  • B (109)
  • C (3.92)
  • M (23.14)
  • Y (0)
  • K (57.25)

Applying the #63326d

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

#5e2d68
#592863
#54235e
#4f1e59
#4a1954
#45144f
#400f4a
#3b0a45
#360540
#31003b
#2c0036
#270031
#6f3e79
#7b4a85
#875691
#93629d
#9f6ea9
#ab7ab5
#b786c1
#c392cd
#cf9ed9
#dbaae5
#e7b6f1
#f3c2fd

Color spaces of #63326d

Type Values
RGB 99 50 109
HSL 0.81 0.37 0.31
HSV 290 54 43
CMYK 3.92 23.14 0 57.25
XYZ 9.0465 6.038 15.1566
Hunter Lab 24.5723 22.7149 -19.3574
CIE-Lab 29.5081 32.1331 -25.1898

Base Numbers

BaseRedGreenBlue
Decimal 99 50 109
Binary 1100011 110010 1101101
Octal 143 62 155
Hex 63 32 6D

Monochromatic Colors

#7c4b86
#95649f
#ae7db8
#c796d1
#e0afea
#f9c8ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#63326d Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#63326D Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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