#52839E Information

#52839E color RGB value is (82 , 131 , 158) , HEX triplet: 52, 83 and 9e. RGB value is (82 , 131 , 158). Sum of RGB (Red+Green+Blue) = 82+131+158=371 (Red value is 82 (32.16% from 255 or 38.14% from 215); Green value is 131 (51.37% from 255 or 60.93% 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 #52839E hue: 0.56 , saturation: 0.32 and the lightness value of 52839e is 0.47.

#52839e
(82 , 131 , 158)
  • R (82)
  • G (131)
  • B (158)
  • C (29.8)
  • M (10.59)
  • Y (0)
  • K (38.04)

Applying the #52839e

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

#4d7e99
#487994
#43748f
#3e6f8a
#396a85
#346580
#2f607b
#2a5b76
#255671
#20516c
#1b4c67
#164762
#5e8faa
#6a9bb6
#76a7c2
#82b3ce
#8ebfda
#9acbe6
#a6d7f2
#b2e3fe
#beefff
#cafbff
#d6ffff
#e2ffff

Color spaces of #52839e

Type Values
RGB 82 131 158
HSL 0.56 0.32 0.47
HSV 201 48 62
CMYK 29.8 10.59 0 38.04
XYZ 17.7675 20.4951 35.3672
Hunter Lab 45.2715 -9.1696 -14.6125
CIE-Lab 52.3924 -8.9044 -19.5634

Base Numbers

BaseRedGreenBlue
Decimal 82 131 158
Binary 1010010 10000011 10011110
Octal 122 203 236
Hex 52 83 9E

Monochromatic Colors

#6b9cb7
#84b5d0
#9dcee9
#b6e7ff
#cfffff
#e8ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#52839e Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#52839E Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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