#776F21 Information

#776F21 color RGB value is (119 , 111 , 33) , HEX triplet: 77, 6f and 21. RGB value is (119 , 111 , 33). Sum of RGB (Red+Green+Blue) = 119+111+33=263 (Red value is 119 (46.67% from 255 or 55.35% from 215); Green value is 111 (43.53% from 255 or 51.63% from 215); Blue value is 33 (12.94% from 255 or 15.35% from 215); Max value from RGB is 119 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #776F21 hue: 0.15 , saturation: 0.57 and the lightness value of 776f21 is 0.3.

#776f21
(119 , 111 , 33)
  • R (119)
  • G (111)
  • B (33)
  • C (0)
  • M (3.14)
  • Y (33.73)
  • K (53.33)

Applying the #776f21

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

#726a1c
#6d6517
#686012
#635b0d
#5e5608
#595103
#544c00
#4f4700
#4a4200
#453d00
#403800
#3b3300
#837b2d
#8f8739
#9b9345
#a79f51
#b3ab5d
#bfb769
#cbc375
#d7cf81
#e3db8d
#efe799
#fbf3a5
#ffffb1

Color spaces of #776f21

Type Values
RGB 119 111 33
HSL 0.15 0.57 0.3
HSV 54 72 47
CMYK 0 3.14 33.73 53.33
XYZ 13.5667 15.4006 3.6964
Hunter Lab 39.2436 -6.9679 21.8873
CIE-Lab 46.1781 -6.7035 42.4441

Base Numbers

BaseRedGreenBlue
Decimal 119 111 33
Binary 1110111 1101111 100001
Octal 167 157 41
Hex 77 6F 21

Monochromatic Colors

#90883a
#a9a153
#c2ba6c
#dbd385
#f4ec9e
#ffffb7

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#776f21 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#776F21 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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