#63488D Information

#63488D color RGB value is (99 , 72 , 141) , HEX triplet: 63, 48 and 8d. RGB value is (99 , 72 , 141). Sum of RGB (Red+Green+Blue) = 99+72+141=312 (Red value is 99 (38.82% from 255 or 46.05% from 215); Green value is 72 (28.24% from 255 or 33.49% from 215); Blue value is 141 (55.29% from 255 or 65.58% from 215); Max value from RGB is 141 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #63488D hue: 0.73 , saturation: 0.32 and the lightness value of 63488d is 0.42.

#63488d
(99 , 72 , 141)
  • R (99)
  • G (72)
  • B (141)
  • C (16.47)
  • M (27.06)
  • Y (0)
  • K (44.71)

Applying the #63488d

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

#5e4388
#593e83
#54397e
#4f3479
#4a2f74
#452a6f
#40256a
#3b2065
#361b60
#31165b
#2c1156
#270c51
#6f5499
#7b60a5
#876cb1
#9378bd
#9f84c9
#ab90d5
#b79ce1
#c3a8ed
#cfb4f9
#dbc0ff
#e7ccff
#f3d8ff

Color spaces of #63488d

Type Values
RGB 99 72 141
HSL 0.73 0.32 0.42
HSV 263 49 55
CMYK 16.47 27.06 0 44.71
XYZ 12.2707 9.2105 26.3304
Hunter Lab 30.3487 19.0613 -30.177
CIE-Lab 36.3864 26.9013 -34.2818

Base Numbers

BaseRedGreenBlue
Decimal 99 72 141
Binary 1100011 1001000 10001101
Octal 143 110 215
Hex 63 48 8D

Monochromatic Colors

#7c61a6
#957abf
#ae93d8
#c7acf1
#e0c5ff
#f9deff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#63488d Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#63488D Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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