#6C6A21 Information

#6C6A21 color RGB value is (108 , 106 , 33) , HEX triplet: 6c, 6a and 21. RGB value is (108 , 106 , 33). Sum of RGB (Red+Green+Blue) = 108+106+33=247 (Red value is 108 (42.35% from 255 or 50.23% 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 108 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #6C6A21 hue: 0.16 , saturation: 0.53 and the lightness value of 6c6a21 is 0.28.

#6c6a21
(108 , 106 , 33)
  • R (108)
  • G (106)
  • B (33)
  • C (0)
  • M (0.78)
  • Y (29.41)
  • K (57.65)

Applying the #6c6a21

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

#67651c
#626017
#5d5b12
#58560d
#535108
#4e4c03
#494700
#444200
#3f3d00
#3a3800
#353300
#302e00
#78762d
#848239
#908e45
#9c9a51
#a8a65d
#b4b269
#c0be75
#ccca81
#d8d68d
#e4e299
#f0eea5
#fcfab1

Color spaces of #6c6a21

Type Values
RGB 108 106 33
HSL 0.16 0.53 0.28
HSV 58 69 42
CMYK 0 0.78 29.41 57.65
XYZ 11.6129 13.606 3.453
Hunter Lab 36.8863 -8.3539 20.2716
CIE-Lab 43.6625 -9.0601 39.5608

Base Numbers

BaseRedGreenBlue
Decimal 108 106 33
Binary 1101100 1101010 100001
Octal 154 152 41
Hex 6C 6A 21

Monochromatic Colors

#85833a
#9e9c53
#b7b56c
#d0ce85
#e9e79e
#ffffb7

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#6c6a21 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#6C6A21 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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