#ACD465 Information

#ACD465 color RGB value is (172 , 212 , 101) , HEX triplet: ac, d4 and 65. RGB value is (172 , 212 , 101). Sum of RGB (Red+Green+Blue) = 172+212+101=485 (Red value is 172 (67.45% from 255 or 80% from 215); Green value is 212 (83.14% from 255 or 98.6% from 215); Blue value is 101 (39.61% from 255 or 46.98% from 215); Max value from RGB is 212 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #ACD465 hue: 0.23 , saturation: 0.56 and the lightness value of acd465 is 0.61.

#acd465
(172 , 212 , 101)
  • R (172)
  • G (212)
  • B (101)
  • C (15.69)
  • M (0)
  • Y (43.53)
  • K (16.86)

Applying the #acd465

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

#a7cf60
#a2ca5b
#9dc556
#98c051
#93bb4c
#8eb647
#89b142
#84ac3d
#7fa738
#7aa233
#759d2e
#709829
#b8e071
#c4ec7d
#d0f889
#dcff95
#e8ffa1
#f4ffad
#ffffb9
#ffffc5
#ffffd1
#ffffdd
#ffffe9
#fffff5

Color spaces of #acd465

Type Values
RGB 172 212 101
HSL 0.23 0.56 0.61
HSV 82 52 83
CMYK 15.69 0 43.53 16.86
XYZ 42.9057 56.7972 21.0135
Hunter Lab 75.3639 -30.2639 36.2279
CIE-Lab 80.0654 -30.5189 50.0517

Base Numbers

BaseRedGreenBlue
Decimal 172 212 101
Binary 10101100 11010100 1100101
Octal 254 324 145
Hex AC D4 65

Monochromatic Colors

#c5ed7e
#deff97
#f7ffb0
#ffffc9
#ffffe2
#fffffb

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#acd465 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#ACD465 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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