#505F53 Information

#505F53 color RGB value is (80 , 95 , 83) , HEX triplet: 50, 5f and 53. RGB value is (80 , 95 , 83). Sum of RGB (Red+Green+Blue) = 80+95+83=258 (Red value is 80 (31.37% from 255 or 37.21% from 215); Green value is 95 (37.25% from 255 or 44.19% from 215); Blue value is 83 (32.55% from 255 or 38.6% from 215); Max value from RGB is 95 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #505F53 hue: 0.37 , saturation: 0.09 and the lightness value of 505f53 is 0.34.

#505f53
(80 , 95 , 83)
  • R (80)
  • G (95)
  • B (83)
  • C (5.88)
  • M (0)
  • Y (4.71)
  • K (62.75)

Applying the #505f53

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

#4b5a4e
#465549
#415044
#3c4b3f
#37463a
#324135
#2d3c30
#28372b
#233226
#1e2d21
#19281c
#142317
#5c6b5f
#68776b
#748377
#808f83
#8c9b8f
#98a79b
#a4b3a7
#b0bfb3
#bccbbf
#c8d7cb
#d4e3d7
#e0efe3

Color spaces of #505f53

Type Values
RGB 80 95 83
HSL 0.37 0.09 0.34
HSV 132 16 37
CMYK 5.88 0 4.71 62.75
XYZ 8.9618 10.5144 9.7408
Hunter Lab 32.426 -7.4118 4.8935
CIE-Lab 38.7503 -8.4188 4.9483

Base Numbers

BaseRedGreenBlue
Decimal 80 95 83
Binary 1010000 1011111 1010011
Octal 120 137 123
Hex 50 5F 53

Monochromatic Colors

#69786c
#829185
#9baa9e
#b4c3b7
#cddcd0
#e6f5e9

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#505f53 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#505F53 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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