#766A21 Information

#766A21 color RGB value is (118 , 106 , 33) , HEX triplet: 76, 6a and 21. RGB value is (118 , 106 , 33). Sum of RGB (Red+Green+Blue) = 118+106+33=257 (Red value is 118 (46.27% from 255 or 54.88% from 215); Green value is 106 (41.57% from 255 or 49.3% from 215); Blue value is 33 (12.94% from 255 or 15.35% from 215); Max value from RGB is 118 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #766A21 hue: 0.14 , saturation: 0.56 and the lightness value of 766a21 is 0.3.

#766a21
(118 , 106 , 33)
  • R (118)
  • G (106)
  • B (33)
  • C (0)
  • M (4.71)
  • Y (33.33)
  • K (53.73)

Applying the #766a21

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

#71651c
#6c6017
#675b12
#62560d
#5d5108
#584c03
#534700
#4e4200
#493d00
#443800
#3f3300
#3a2e00
#82762d
#8e8239
#9a8e45
#a69a51
#b2a65d
#beb269
#cabe75
#d6ca81
#e2d68d
#eee299
#faeea5
#fffab1

Color spaces of #766a21

Type Values
RGB 118 106 33
HSL 0.14 0.56 0.3
HSV 52 72 46
CMYK 0 4.71 33.33 53.73
XYZ 12.8998 14.2694 3.5132
Hunter Lab 37.7749 -5.1498 20.9296
CIE-Lab 44.6169 -4.3281 40.8403

Base Numbers

BaseRedGreenBlue
Decimal 118 106 33
Binary 1110110 1101010 100001
Octal 166 152 41
Hex 76 6A 21

Monochromatic Colors

#8f833a
#a89c53
#c1b56c
#dace85
#f3e79e
#ffffb7

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#766a21 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#766A21 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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