#52559E Information

#52559E color RGB value is (82 , 85 , 158) , HEX triplet: 52, 55 and 9e. RGB value is (82 , 85 , 158). Sum of RGB (Red+Green+Blue) = 82+85+158=325 (Red value is 82 (32.16% from 255 or 38.14% from 215); Green value is 85 (33.33% from 255 or 39.53% from 215); Blue value is 158 (61.96% from 255 or 73.49% from 215); Max value from RGB is 158 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #52559E hue: 0.66 , saturation: 0.32 and the lightness value of 52559e is 0.47.

#52559e
(82 , 85 , 158)
  • R (82)
  • G (85)
  • B (158)
  • C (29.8)
  • M (28.63)
  • Y (0)
  • K (38.04)

Applying the #52559e

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

#4d5099
#484b94
#43468f
#3e418a
#393c85
#343780
#2f327b
#2a2d76
#252871
#20236c
#1b1e67
#161962
#5e61aa
#6a6db6
#7679c2
#8285ce
#8e91da
#9a9de6
#a6a9f2
#b2b5fe
#bec1ff
#cacdff
#d6d9ff
#e2e5ff

Color spaces of #52559e

Type Values
RGB 82 85 158
HSL 0.66 0.32 0.47
HSV 238 48 62
CMYK 29.8 28.63 0 38.04
XYZ 12.8997 10.7595 33.7446
Hunter Lab 32.8016 12.7951 -38.0114
CIE-Lab 39.1723 19.1394 -40.2211

Base Numbers

BaseRedGreenBlue
Decimal 82 85 158
Binary 1010010 1010101 10011110
Octal 122 125 236
Hex 52 55 9E

Monochromatic Colors

#6b6eb7
#8487d0
#9da0e9
#b6b9ff
#cfd2ff
#e8ebff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#52559e Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#52559E Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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