#CC6946 Information

#CC6946 color RGB value is (204 , 105 , 70) , HEX triplet: cc, 69 and 46. RGB value is (204 , 105 , 70). Sum of RGB (Red+Green+Blue) = 204+105+70=379 (Red value is 204 (80% from 255 or 94.88% from 215); Green value is 105 (41.18% from 255 or 48.84% from 215); Blue value is 70 (27.45% from 255 or 32.56% from 215); Max value from RGB is 204 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #CC6946 hue: 0.04 , saturation: 0.57 and the lightness value of cc6946 is 0.54.

#cc6946
(204 , 105 , 70)
  • R (204)
  • G (105)
  • B (70)
  • C (0)
  • M (38.82)
  • Y (52.55)
  • K (20)

Applying the #cc6946

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

#c76441
#c25f3c
#bd5a37
#b85532
#b3502d
#ae4b28
#a94623
#a4411e
#9f3c19
#9a3714
#95320f
#902d0a
#d87552
#e4815e
#f08d6a
#fc9976
#ffa582
#ffb18e
#ffbd9a
#ffc9a6
#ffd5b2
#ffe1be
#ffedca
#fff9d6

Color spaces of #cc6946

Type Values
RGB 204 105 70
HSL 0.04 0.57 0.54
HSV 16 66 80
CMYK 0 38.82 52.55 20
XYZ 31.0589 23.3827 8.6707
Hunter Lab 48.3557 30.0285 23.2207
CIE-Lab 55.4644 36.3555 37.169

Base Numbers

BaseRedGreenBlue
Decimal 204 105 70
Binary 11001100 1101001 1000110
Octal 314 151 106
Hex CC 69 46

Monochromatic Colors

#e5825f
#fe9b78
#ffb491
#ffcdaa
#ffe6c3
#ffffdc

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#cc6946 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#CC6946 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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