#5821CC Information

#5821CC color RGB value is (88 , 33 , 204) , HEX triplet: 58, 21 and cc. RGB value is (88 , 33 , 204). Sum of RGB (Red+Green+Blue) = 88+33+204=325 (Red value is 88 (34.51% from 255 or 40.93% from 215); Green value is 33 (12.94% from 255 or 15.35% from 215); Blue value is 204 (80% from 255 or 94.88% from 215); Max value from RGB is 204 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #5821CC hue: 0.72 , saturation: 0.72 and the lightness value of 5821cc is 0.46.

#5821cc
(88 , 33 , 204)
  • R (88)
  • G (33)
  • B (204)
  • C (45.49)
  • M (67.06)
  • Y (0)
  • K (20)

Applying the #5821cc

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

#531cc7
#4e17c2
#4912bd
#440db8
#3f08b3
#3a03ae
#3500a9
#3000a4
#2b009f
#26009a
#210095
#1c0090
#642dd8
#7039e4
#7c45f0
#8851fc
#945dff
#a069ff
#ac75ff
#b881ff
#c48dff
#d099ff
#dca5ff
#e8b1ff

Color spaces of #5821cc

Type Values
RGB 88 33 204
HSL 0.72 0.72 0.46
HSV 259 84 80
CMYK 45.49 67.06 0 20
XYZ 15.4674 7.5221 57.7634
Hunter Lab 27.4264 52.6712 -105.6281
CIE-Lab 32.967 61.9149 -77.4794

Base Numbers

BaseRedGreenBlue
Decimal 88 33 204
Binary 1011000 100001 11001100
Octal 130 41 314
Hex 58 21 CC

Monochromatic Colors

#713ae5
#8a53fe
#a36cff
#bc85ff
#d59eff
#eeb7ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#5821cc Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#5821CC Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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