#509B8D Information

#509B8D color RGB value is (80 , 155 , 141) , HEX triplet: 50, 9b and 8d. RGB value is (80 , 155 , 141). Sum of RGB (Red+Green+Blue) = 80+155+141=376 (Red value is 80 (31.37% from 255 or 37.21% from 215); Green value is 155 (60.78% from 255 or 72.09% from 215); Blue value is 141 (55.29% from 255 or 65.58% from 215); Max value from RGB is 155 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #509B8D hue: 0.47 , saturation: 0.32 and the lightness value of 509b8d is 0.46.

#509b8d
(80 , 155 , 141)
  • R (80)
  • G (155)
  • B (141)
  • C (29.41)
  • M (0)
  • Y (5.49)
  • K (39.22)

Applying the #509b8d

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

#4b9688
#469183
#418c7e
#3c8779
#378274
#327d6f
#2d786a
#287365
#236e60
#1e695b
#196456
#145f51
#5ca799
#68b3a5
#74bfb1
#80cbbd
#8cd7c9
#98e3d5
#a4efe1
#b0fbed
#bcfff9
#c8ffff
#d4ffff
#e0ffff

Color spaces of #509b8d

Type Values
RGB 80 155 141
HSL 0.47 0.32 0.46
HSV 169 48 61
CMYK 29.41 0 5.49 39.22
XYZ 19.8373 27.0713 29.379
Hunter Lab 52.03 -22.9961 2.9541
CIE-Lab 59.0402 -26.8626 0.142

Base Numbers

BaseRedGreenBlue
Decimal 80 155 141
Binary 1010000 10011011 10001101
Octal 120 233 215
Hex 50 9B 8D

Monochromatic Colors

#69b4a6
#82cdbf
#9be6d8
#b4fff1
#cdffff
#e6ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#509b8d Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#509B8D Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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