#C49B21 Information

#C49B21 color RGB value is (196 , 155 , 33) , HEX triplet: c4, 9b and 21. RGB value is (196 , 155 , 33). Sum of RGB (Red+Green+Blue) = 196+155+33=384 (Red value is 196 (76.86% from 255 or 91.16% from 215); Green value is 155 (60.78% from 255 or 72.09% from 215); Blue value is 33 (12.94% from 255 or 15.35% from 215); Max value from RGB is 196 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #C49B21 hue: 0.12 , saturation: 0.71 and the lightness value of c49b21 is 0.45.

#c49b21
(196 , 155 , 33)
  • R (196)
  • G (155)
  • B (33)
  • C (0)
  • M (16.08)
  • Y (63.92)
  • K (23.14)

Applying the #c49b21

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

#bf961c
#ba9117
#b58c12
#b0870d
#ab8208
#a67d03
#a17800
#9c7300
#976e00
#926900
#8d6400
#885f00
#d0a72d
#dcb339
#e8bf45
#f4cb51
#ffd75d
#ffe369
#ffef75
#fffb81
#ffff8d
#ffff99
#ffffa5
#ffffb1

Color spaces of #c49b21

Type Values
RGB 196 155 33
HSL 0.12 0.71 0.45
HSV 45 83 77
CMYK 0 16.08 63.92 23.14
XYZ 34.7608 35.2883 6.4181
Hunter Lab 59.4039 0.4945 35.1783
CIE-Lab 65.9725 4.2344 63.4963

Base Numbers

BaseRedGreenBlue
Decimal 196 155 33
Binary 11000100 10011011 100001
Octal 304 233 41
Hex C4 9B 21

Monochromatic Colors

#ddb43a
#f6cd53
#ffe66c
#ffff85
#ffff9e
#ffffb7

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#c49b21 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#C49B21 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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