#57716D Information

#57716D color RGB value is (87 , 113 , 109) , HEX triplet: 57, 71 and 6d. RGB value is (87 , 113 , 109). Sum of RGB (Red+Green+Blue) = 87+113+109=309 (Red value is 87 (34.12% from 255 or 40.47% from 215); Green value is 113 (44.31% from 255 or 52.56% from 215); Blue value is 109 (42.75% from 255 or 50.7% from 215); Max value from RGB is 113 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #57716D hue: 0.47 , saturation: 0.13 and the lightness value of 57716d is 0.39.

#57716d
(87 , 113 , 109)
  • R (87)
  • G (113)
  • B (109)
  • C (10.2)
  • M (0)
  • Y (1.57)
  • K (55.69)

Applying the #57716d

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

#526c68
#4d6763
#48625e
#435d59
#3e5854
#39534f
#344e4a
#2f4945
#2a4440
#253f3b
#203a36
#1b3531
#637d79
#6f8985
#7b9591
#87a19d
#93ada9
#9fb9b5
#abc5c1
#b7d1cd
#c3ddd9
#cfe9e5
#dbf5f1
#e7fffd

Color spaces of #57716d

Type Values
RGB 87 113 109
HSL 0.47 0.13 0.39
HSV 171 23 44
CMYK 10.2 0 1.57 55.69
XYZ 12.5959 14.9406 16.6879
Hunter Lab 38.6531 -9.4747 1.4683
CIE-Lab 45.5528 -10.3956 -0.9059

Base Numbers

BaseRedGreenBlue
Decimal 87 113 109
Binary 1010111 1110001 1101101
Octal 127 161 155
Hex 57 71 6D

Monochromatic Colors

#708a86
#89a39f
#a2bcb8
#bbd5d1
#d4eeea
#edffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#57716d Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#57716D Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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