#ABB269 Information

#ABB269 color RGB value is (171 , 178 , 105) , HEX triplet: ab, b2 and 69. RGB value is (171 , 178 , 105). Sum of RGB (Red+Green+Blue) = 171+178+105=454 (Red value is 171 (67.06% from 255 or 79.53% from 215); Green value is 178 (69.8% from 255 or 82.79% from 215); Blue value is 105 (41.18% from 255 or 48.84% from 215); Max value from RGB is 178 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #ABB269 hue: 0.18 , saturation: 0.32 and the lightness value of abb269 is 0.55.

#abb269
(171 , 178 , 105)
  • R (171)
  • G (178)
  • B (105)
  • C (2.75)
  • M (0)
  • Y (28.63)
  • K (30.2)

Applying the #abb269

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

#a6ad64
#a1a85f
#9ca35a
#979e55
#929950
#8d944b
#888f46
#838a41
#7e853c
#798037
#747b32
#6f762d
#b7be75
#c3ca81
#cfd68d
#dbe299
#e7eea5
#f3fab1
#ffffbd
#ffffc9
#ffffd5
#ffffe1
#ffffed
#fffff9

Color spaces of #abb269

Type Values
RGB 171 178 105
HSL 0.18 0.32 0.55
HSV 66 41 70
CMYK 2.75 0 28.63 30.2
XYZ 35.2648 41.5186 19.5198
Hunter Lab 64.435 -15.0691 27.1487
CIE-Lab 70.5378 -13.7238 36.4308

Base Numbers

BaseRedGreenBlue
Decimal 171 178 105
Binary 10101011 10110010 1101001
Octal 253 262 151
Hex AB B2 69

Monochromatic Colors

#c4cb82
#dde49b
#f6fdb4
#ffffcd
#ffffe6
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#abb269 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#ABB269 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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