#53B969 Information

#53B969 color RGB value is (83 , 185 , 105) , HEX triplet: 53, b9 and 69. RGB value is (83 , 185 , 105). Sum of RGB (Red+Green+Blue) = 83+185+105=373 (Red value is 83 (32.55% from 255 or 38.6% from 215); Green value is 185 (72.55% from 255 or 86.05% from 215); Blue value is 105 (41.18% from 255 or 48.84% from 215); Max value from RGB is 185 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #53B969 hue: 0.37 , saturation: 0.42 and the lightness value of 53b969 is 0.53.

#53b969
(83 , 185 , 105)
  • R (83)
  • G (185)
  • B (105)
  • C (40)
  • M (0)
  • Y (31.37)
  • K (27.45)

Applying the #53b969

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

#4eb464
#49af5f
#44aa5a
#3fa555
#3aa050
#359b4b
#309646
#2b9141
#268c3c
#218737
#1c8232
#177d2d
#5fc575
#6bd181
#77dd8d
#83e999
#8ff5a5
#9bffb1
#a7ffbd
#b3ffc9
#bfffd5
#cbffe1
#d7ffed
#e3fff9

Color spaces of #53b969

Type Values
RGB 83 185 105
HSL 0.37 0.42 0.53
HSV 133 55 73
CMYK 40 0 31.37 27.45
XYZ 23.466 37.5568 19.377
Hunter Lab 61.2836 -38.8968 24.1578
CIE-Lab 67.6927 -47.0763 31.8013

Base Numbers

BaseRedGreenBlue
Decimal 83 185 105
Binary 1010011 10111001 1101001
Octal 123 271 151
Hex 53 B9 69

Monochromatic Colors

#6cd282
#85eb9b
#9effb4
#b7ffcd
#d0ffe6
#e9ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#53b969 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#53B969 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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