#ABB552 Information

#ABB552 color RGB value is (171 , 181 , 82) , HEX triplet: ab, b5 and 52. RGB value is (171 , 181 , 82). Sum of RGB (Red+Green+Blue) = 171+181+82=434 (Red value is 171 (67.06% from 255 or 79.53% from 215); Green value is 181 (70.98% from 255 or 84.19% from 215); Blue value is 82 (32.16% from 255 or 38.14% from 215); Max value from RGB is 181 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #ABB552 hue: 0.18 , saturation: 0.4 and the lightness value of abb552 is 0.52.

#abb552
(171 , 181 , 82)
  • R (171)
  • G (181)
  • B (82)
  • C (3.92)
  • M (0)
  • Y (38.82)
  • K (29.02)

Applying the #abb552

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

#a6b04d
#a1ab48
#9ca643
#97a13e
#929c39
#8d9734
#88922f
#838d2a
#7e8825
#798320
#747e1b
#6f7916
#b7c15e
#c3cd6a
#cfd976
#dbe582
#e7f18e
#f3fd9a
#ffffa6
#ffffb2
#ffffbe
#ffffca
#ffffd6
#ffffe2

Color spaces of #abb552

Type Values
RGB 171 181 82
HSL 0.18 0.4 0.52
HSV 66 55 71
CMYK 3.92 0 38.82 29.02
XYZ 34.8415 42.3149 14.3139
Hunter Lab 65.0499 -18.2303 32.4921
CIE-Lab 71.0875 -17.5367 48.4567

Base Numbers

BaseRedGreenBlue
Decimal 171 181 82
Binary 10101011 10110101 1010010
Octal 253 265 122
Hex AB B5 52

Monochromatic Colors

#c4ce6b
#dde784
#f6ff9d
#ffffb6
#ffffcf
#ffffe8

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#abb552 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#ABB552 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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