#505A80 Information

#505A80 color RGB value is (80 , 90 , 128) , HEX triplet: 50, 5a and 80. RGB value is (80 , 90 , 128). Sum of RGB (Red+Green+Blue) = 80+90+128=298 (Red value is 80 (31.37% from 255 or 37.21% from 215); Green value is 90 (35.29% from 255 or 41.86% from 215); Blue value is 128 (50.2% from 255 or 59.53% from 215); Max value from RGB is 128 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #505A80 hue: 0.63 , saturation: 0.23 and the lightness value of 505a80 is 0.41.

#505a80
(80 , 90 , 128)
  • R (80)
  • G (90)
  • B (128)
  • C (18.82)
  • M (14.9)
  • Y (0)
  • K (49.8)

Applying the #505a80

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

#4b557b
#465076
#414b71
#3c466c
#374167
#323c62
#2d375d
#283258
#232d53
#1e284e
#192349
#141e44
#5c668c
#687298
#747ea4
#808ab0
#8c96bc
#98a2c8
#a4aed4
#b0bae0
#bcc6ec
#c8d2f8
#d4deff
#e0eaff

Color spaces of #505a80

Type Values
RGB 80 90 128
HSL 0.63 0.23 0.41
HSV 228 38 50
CMYK 18.82 14.9 0 49.8
XYZ 10.8607 10.5763 21.8911
Hunter Lab 32.5212 2.6994 -17.1309
CIE-Lab 38.8575 6.1745 -22.5834

Base Numbers

BaseRedGreenBlue
Decimal 80 90 128
Binary 1010000 1011010 10000000
Octal 120 132 200
Hex 50 5A 80

Monochromatic Colors

#697399
#828cb2
#9ba5cb
#b4bee4
#cdd7fd
#e6f0ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#505a80 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#505A80 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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