#C4B44E Information

#C4B44E color RGB value is (196 , 180 , 78) , HEX triplet: c4, b4 and 4e. RGB value is (196 , 180 , 78). Sum of RGB (Red+Green+Blue) = 196+180+78=454 (Red value is 196 (76.86% from 255 or 91.16% from 215); Green value is 180 (70.59% from 255 or 83.72% from 215); Blue value is 78 (30.59% from 255 or 36.28% from 215); Max value from RGB is 196 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #C4B44E hue: 0.14 , saturation: 0.5 and the lightness value of c4b44e is 0.54.

#c4b44e
(196 , 180 , 78)
  • R (196)
  • G (180)
  • B (78)
  • C (0)
  • M (6.27)
  • Y (46.27)
  • K (23.14)

Applying the #c4b44e

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

#bfaf49
#baaa44
#b5a53f
#b0a03a
#ab9b35
#a69630
#a1912b
#9c8c26
#978721
#92821c
#8d7d17
#887812
#d0c05a
#dccc66
#e8d872
#f4e47e
#fff08a
#fffc96
#ffffa2
#ffffae
#ffffba
#ffffc6
#ffffd2
#ffffde

Color spaces of #c4b44e

Type Values
RGB 196 180 78
HSL 0.14 0.5 0.54
HSV 52 60 77
CMYK 0 6.27 46.27 23.14
XYZ 40.4614 44.9283 13.7472
Hunter Lab 67.0286 -9.5494 34.7633
CIE-Lab 72.8447 -6.8218 52.8465

Base Numbers

BaseRedGreenBlue
Decimal 196 180 78
Binary 11000100 10110100 1001110
Octal 304 264 116
Hex C4 B4 4E

Monochromatic Colors

#ddcd67
#f6e680
#ffff99
#ffffb2
#ffffcb
#ffffe4

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#c4b44e Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#C4B44E Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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