#C66948 Information

#C66948 color RGB value is (198 , 105 , 72) , HEX triplet: c6, 69 and 48. RGB value is (198 , 105 , 72). Sum of RGB (Red+Green+Blue) = 198+105+72=375 (Red value is 198 (77.65% from 255 or 92.09% from 215); Green value is 105 (41.18% from 255 or 48.84% from 215); Blue value is 72 (28.24% from 255 or 33.49% from 215); Max value from RGB is 198 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #C66948 hue: 0.04 , saturation: 0.53 and the lightness value of c66948 is 0.53.

#c66948
(198 , 105 , 72)
  • R (198)
  • G (105)
  • B (72)
  • C (0)
  • M (36.47)
  • Y (49.41)
  • K (22.35)

Applying the #c66948

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

#c16443
#bc5f3e
#b75a39
#b25534
#ad502f
#a84b2a
#a34625
#9e4120
#993c1b
#943716
#8f3211
#8a2d0c
#d27554
#de8160
#ea8d6c
#f69978
#ffa584
#ffb190
#ffbd9c
#ffc9a8
#ffd5b4
#ffe1c0
#ffedcc
#fff9d8

Color spaces of #c66948

Type Values
RGB 198 105 72
HSL 0.04 0.53 0.53
HSV 16 64 78
CMYK 0 36.47 49.41 22.35
XYZ 29.51 22.5768 8.9333
Hunter Lab 47.515 27.7091 22.1167
CIE-Lab 54.6337 34.113 34.8768

Base Numbers

BaseRedGreenBlue
Decimal 198 105 72
Binary 11000110 1101001 1001000
Octal 306 151 110
Hex C6 69 48

Monochromatic Colors

#df8261
#f89b7a
#ffb493
#ffcdac
#ffe6c5
#ffffde

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#c66948 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#C66948 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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