#537564 Information

#537564 color RGB value is (83 , 117 , 100) , HEX triplet: 53, 75 and 64. RGB value is (83 , 117 , 100). Sum of RGB (Red+Green+Blue) = 83+117+100=300 (Red value is 83 (32.55% from 255 or 38.6% from 215); Green value is 117 (45.88% from 255 or 54.42% from 215); Blue value is 100 (39.22% from 255 or 46.51% from 215); Max value from RGB is 117 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #537564 hue: 0.42 , saturation: 0.17 and the lightness value of 537564 is 0.39.

#537564
(83 , 117 , 100)
  • R (83)
  • G (117)
  • B (100)
  • C (13.33)
  • M (0)
  • Y (6.67)
  • K (54.12)

Applying the #537564

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

#4e705f
#496b5a
#446655
#3f6150
#3a5c4b
#355746
#305241
#2b4d3c
#264837
#214332
#1c3e2d
#173928
#5f8170
#6b8d7c
#779988
#83a594
#8fb1a0
#9bbdac
#a7c9b8
#b3d5c4
#bfe1d0
#cbeddc
#d7f9e8
#e3fff4

Color spaces of #537564

Type Values
RGB 83 117 100
HSL 0.42 0.17 0.39
HSV 150 29 46
CMYK 13.33 0 6.67 54.12
XYZ 12.2288 15.4817 14.4003
Hunter Lab 39.3468 -13.3795 5.8508
CIE-Lab 46.287 -16.0613 5.4929

Base Numbers

BaseRedGreenBlue
Decimal 83 117 100
Binary 1010011 1110101 1100100
Octal 123 165 144
Hex 53 75 64

Monochromatic Colors

#6c8e7d
#85a796
#9ec0af
#b7d9c8
#d0f2e1
#e9fffa

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#537564 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#537564 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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