#A5D886 Information

#A5D886 color RGB value is (165 , 216 , 134) , HEX triplet: a5, d8 and 86. RGB value is (165 , 216 , 134). Sum of RGB (Red+Green+Blue) = 165+216+134=515 (Red value is 165 (64.71% from 255 or 76.74% from 215); Green value is 216 (84.71% from 255 or 100.47% from 215); Blue value is 134 (52.55% from 255 or 62.33% from 215); Max value from RGB is 216 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #A5D886 hue: 0.27 , saturation: 0.51 and the lightness value of a5d886 is 0.69.

#a5d886
(165 , 216 , 134)
  • R (165)
  • G (216)
  • B (134)
  • C (20)
  • M (0)
  • Y (32.16)
  • K (15.29)

Applying the #a5d886

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

#a0d381
#9bce7c
#96c977
#91c472
#8cbf6d
#87ba68
#82b563
#7db05e
#78ab59
#73a654
#6ea14f
#699c4a
#b1e492
#bdf09e
#c9fcaa
#d5ffb6
#e1ffc2
#edffce
#f9ffda
#ffffe6
#fffff2
#fffffe
#ffffff

Color spaces of #a5d886

Type Values
RGB 165 216 134
HSL 0.27 0.51 0.69
HSV 97 38 85
CMYK 20 0 32.16 15.29
XYZ 44.376 58.8323 31.5712
Hunter Lab 76.7022 -30.9574 29.2951
CIE-Lab 81.1993 -31.0744 35.2098

Base Numbers

BaseRedGreenBlue
Decimal 165 216 134
Binary 10100101 11011000 10000110
Octal 245 330 206
Hex A5 D8 86

Monochromatic Colors

#bef19f
#d7ffb8
#f0ffd1
#ffffea
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#a5d886 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#A5D886 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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