#95B368 Information

#95B368 color RGB value is (149 , 179 , 104) , HEX triplet: 95, b3 and 68. RGB value is (149 , 179 , 104). Sum of RGB (Red+Green+Blue) = 149+179+104=432 (Red value is 149 (58.43% from 255 or 69.3% from 215); Green value is 179 (70.2% from 255 or 83.26% from 215); Blue value is 104 (40.78% from 255 or 48.37% from 215); Max value from RGB is 179 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #95B368 hue: 0.23 , saturation: 0.33 and the lightness value of 95b368 is 0.55.

#95b368
(149 , 179 , 104)
  • R (149)
  • G (179)
  • B (104)
  • C (11.76)
  • M (0)
  • Y (29.41)
  • K (29.8)

Applying the #95b368

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

#90ae63
#8ba95e
#86a459
#819f54
#7c9a4f
#77954a
#729045
#6d8b40
#68863b
#638136
#5e7c31
#59772c
#a1bf74
#adcb80
#b9d78c
#c5e398
#d1efa4
#ddfbb0
#e9ffbc
#f5ffc8
#ffffd4
#ffffe0
#ffffec
#fffff8

Color spaces of #95b368

Type Values
RGB 149 179 104
HSL 0.23 0.33 0.55
HSV 84 42 70
CMYK 11.76 0 29.41 29.8
XYZ 31.0132 39.6292 19.1113
Hunter Lab 62.9518 -22.2271 26.0721
CIE-Lab 69.2046 -23.0387 34.9246

Base Numbers

BaseRedGreenBlue
Decimal 149 179 104
Binary 10010101 10110011 1101000
Octal 225 263 150
Hex 95 B3 68

Monochromatic Colors

#aecc81
#c7e59a
#e0feb3
#f9ffcc
#ffffe5
#fffffe

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#95b368 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#95B368 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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