#509E90 Information

#509E90 color RGB value is (80 , 158 , 144) , HEX triplet: 50, 9e and 90. RGB value is (80 , 158 , 144). Sum of RGB (Red+Green+Blue) = 80+158+144=382 (Red value is 80 (31.37% from 255 or 37.21% from 215); Green value is 158 (61.96% from 255 or 73.49% from 215); Blue value is 144 (56.47% from 255 or 66.98% from 215); Max value from RGB is 158 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #509E90 hue: 0.47 , saturation: 0.33 and the lightness value of 509e90 is 0.47.

#509e90
(80 , 158 , 144)
  • R (80)
  • G (158)
  • B (144)
  • C (30.59)
  • M (0)
  • Y (5.49)
  • K (38.04)

Applying the #509e90

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

#4b998b
#469486
#418f81
#3c8a7c
#378577
#328072
#2d7b6d
#287668
#237163
#1e6c5e
#196759
#146254
#5caa9c
#68b6a8
#74c2b4
#80cec0
#8cdacc
#98e6d8
#a4f2e4
#b0fef0
#bcfffc
#c8ffff
#d4ffff
#e0ffff

Color spaces of #509e90

Type Values
RGB 80 158 144
HSL 0.47 0.33 0.47
HSV 169 49 62
CMYK 30.59 0 5.49 38.04
XYZ 20.5692 28.1728 30.7393
Hunter Lab 53.0781 -23.7128 2.8295
CIE-Lab 60.0445 -27.5883 -0.091

Base Numbers

BaseRedGreenBlue
Decimal 80 158 144
Binary 1010000 10011110 10010000
Octal 120 236 220
Hex 50 9E 90

Monochromatic Colors

#69b7a9
#82d0c2
#9be9db
#b4fff4
#cdffff
#e6ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#509e90 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#509E90 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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