#95A564 Information

#95A564 color RGB value is (149 , 165 , 100) , HEX triplet: 95, a5 and 64. RGB value is (149 , 165 , 100). Sum of RGB (Red+Green+Blue) = 149+165+100=414 (Red value is 149 (58.43% from 255 or 69.3% from 215); Green value is 165 (64.71% from 255 or 76.74% from 215); Blue value is 100 (39.22% from 255 or 46.51% from 215); Max value from RGB is 165 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #95A564 hue: 0.21 , saturation: 0.27 and the lightness value of 95a564 is 0.52.

#95a564
(149 , 165 , 100)
  • R (149)
  • G (165)
  • B (100)
  • C (6.27)
  • M (0)
  • Y (25.49)
  • K (35.29)

Applying the #95a564

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

#90a05f
#8b9b5a
#869655
#819150
#7c8c4b
#778746
#728241
#6d7d3c
#687837
#637332
#5e6e2d
#596928
#a1b170
#adbd7c
#b9c988
#c5d594
#d1e1a0
#ddedac
#e9f9b8
#f5ffc4
#ffffd0
#ffffdc
#ffffe8
#fffff4

Color spaces of #95a564

Type Values
RGB 149 165 100
HSL 0.21 0.27 0.52
HSV 75 39 65
CMYK 6.27 0 25.49 35.29
XYZ 28.1498 34.2199 17.178
Hunter Lab 58.4978 -16.4746 23.5432
CIE-Lab 65.1368 -16.4425 31.822

Base Numbers

BaseRedGreenBlue
Decimal 149 165 100
Binary 10010101 10100101 1100100
Octal 225 245 144
Hex 95 A5 64

Monochromatic Colors

#aebe7d
#c7d796
#e0f0af
#f9ffc8
#ffffe1
#fffffa

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#95a564 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#95A564 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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