#C48548 Information

#C48548 color RGB value is (196 , 133 , 72) , HEX triplet: c4, 85 and 48. RGB value is (196 , 133 , 72). Sum of RGB (Red+Green+Blue) = 196+133+72=401 (Red value is 196 (76.86% from 255 or 91.16% from 215); Green value is 133 (52.16% from 255 or 61.86% from 215); Blue value is 72 (28.24% from 255 or 33.49% from 215); Max value from RGB is 196 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #C48548 hue: 0.08 , saturation: 0.51 and the lightness value of c48548 is 0.53.

#c48548
(196 , 133 , 72)
  • R (196)
  • G (133)
  • B (72)
  • C (0)
  • M (24.71)
  • Y (48.63)
  • K (23.14)

Applying the #c48548

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

#bf8043
#ba7b3e
#b57639
#b07134
#ab6c2f
#a6672a
#a16225
#9c5d20
#97581b
#925316
#8d4e11
#88490c
#d09154
#dc9d60
#e8a96c
#f4b578
#ffc184
#ffcd90
#ffd99c
#ffe5a8
#fff1b4
#fffdc0
#ffffcc
#ffffd8

Color spaces of #c48548

Type Values
RGB 196 133 72
HSL 0.08 0.51 0.53
HSV 30 63 77
CMYK 0 24.71 48.63 23.14
XYZ 32.3222 28.9787 10.0208
Hunter Lab 53.8319 12.9709 26.6486
CIE-Lab 60.7628 18.1247 42.0519

Base Numbers

BaseRedGreenBlue
Decimal 196 133 72
Binary 11000100 10000101 1001000
Octal 304 205 110
Hex C4 85 48

Monochromatic Colors

#dd9e61
#f6b77a
#ffd093
#ffe9ac
#ffffc5
#ffffde

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#c48548 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#C48548 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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