#582A77 Information

#582A77 color RGB value is (88 , 42 , 119) , HEX triplet: 58, 2a and 77. RGB value is (88 , 42 , 119). Sum of RGB (Red+Green+Blue) = 88+42+119=249 (Red value is 88 (34.51% from 255 or 40.93% from 215); Green value is 42 (16.47% from 255 or 19.53% from 215); Blue value is 119 (46.67% from 255 or 55.35% from 215); Max value from RGB is 119 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #582A77 hue: 0.77 , saturation: 0.48 and the lightness value of 582a77 is 0.32.

#582a77
(88 , 42 , 119)
  • R (88)
  • G (42)
  • B (119)
  • C (12.16)
  • M (30.2)
  • Y (0)
  • K (53.33)

Applying the #582a77

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

#532572
#4e206d
#491b68
#441663
#3f115e
#3a0c59
#350754
#30024f
#2b004a
#260045
#210040
#1c003b
#643683
#70428f
#7c4e9b
#885aa7
#9466b3
#a072bf
#ac7ecb
#b88ad7
#c496e3
#d0a2ef
#dcaefb
#e8baff

Color spaces of #582a77

Type Values
RGB 88 42 119
HSL 0.77 0.48 0.32
HSV 276 65 47
CMYK 12.16 30.2 0 53.33
XYZ 8.1822 5.0625 17.9987
Hunter Lab 22.5001 25.537 -31.6611
CIE-Lab 26.9122 35.8076 -35.7766

Base Numbers

BaseRedGreenBlue
Decimal 88 42 119
Binary 1011000 101010 1110111
Octal 130 52 167
Hex 58 2A 77

Monochromatic Colors

#714390
#8a5ca9
#a375c2
#bc8edb
#d5a7f4
#eec0ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#582a77 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#582A77 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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