#509880 Information

#509880 color RGB value is (80 , 152 , 128) , HEX triplet: 50, 98 and 80. RGB value is (80 , 152 , 128). Sum of RGB (Red+Green+Blue) = 80+152+128=360 (Red value is 80 (31.37% from 255 or 37.21% from 215); Green value is 152 (59.61% from 255 or 70.7% from 215); Blue value is 128 (50.2% from 255 or 59.53% from 215); Max value from RGB is 152 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #509880 hue: 0.44 , saturation: 0.31 and the lightness value of 509880 is 0.45.

#509880
(80 , 152 , 128)
  • R (80)
  • G (152)
  • B (128)
  • C (28.24)
  • M (0)
  • Y (9.41)
  • K (40.39)

Applying the #509880

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

#4b937b
#468e76
#418971
#3c846c
#377f67
#327a62
#2d755d
#287058
#236b53
#1e664e
#196149
#145c44
#5ca48c
#68b098
#74bca4
#80c8b0
#8cd4bc
#98e0c8
#a4ecd4
#b0f8e0
#bcffec
#c8fff8
#d4ffff
#e0ffff

Color spaces of #509880

Type Values
RGB 80 152 128
HSL 0.44 0.31 0.45
HSV 160 47 60
CMYK 28.24 0 9.41 40.39
XYZ 18.4328 25.7205 24.4151
Hunter Lab 50.7153 -23.8747 6.9673
CIE-Lab 57.7708 -28.5625 5.6854

Base Numbers

BaseRedGreenBlue
Decimal 80 152 128
Binary 1010000 10011000 10000000
Octal 120 230 200
Hex 50 98 80

Monochromatic Colors

#69b199
#82cab2
#9be3cb
#b4fce4
#cdfffd
#e6ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#509880 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#509880 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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