#CC6C3B Information

#CC6C3B color RGB value is (204 , 108 , 59) , HEX triplet: cc, 6c and 3b. RGB value is (204 , 108 , 59). Sum of RGB (Red+Green+Blue) = 204+108+59=371 (Red value is 204 (80% from 255 or 94.88% from 215); Green value is 108 (42.35% from 255 or 50.23% from 215); Blue value is 59 (23.14% from 255 or 27.44% from 215); Max value from RGB is 204 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #CC6C3B hue: 0.06 , saturation: 0.59 and the lightness value of cc6c3b is 0.52.

#cc6c3b
(204 , 108 , 59)
  • R (204)
  • G (108)
  • B (59)
  • C (0)
  • M (37.65)
  • Y (56.86)
  • K (20)

Applying the #cc6c3b

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

#c76736
#c26231
#bd5d2c
#b85827
#b35322
#ae4e1d
#a94918
#a44413
#9f3f0e
#9a3a09
#953504
#903000
#d87847
#e48453
#f0905f
#fc9c6b
#ffa877
#ffb483
#ffc08f
#ffcc9b
#ffd8a7
#ffe4b3
#fff0bf
#fffccb

Color spaces of #cc6c3b

Type Values
RGB 204 108 59
HSL 0.06 0.59 0.52
HSV 20 71 80
CMYK 0 37.65 56.86 20
XYZ 31.0538 23.8783 7.1099
Hunter Lab 48.8654 27.922 25.5814
CIE-Lab 55.9657 34.1758 43.5413

Base Numbers

BaseRedGreenBlue
Decimal 204 108 59
Binary 11001100 1101100 111011
Octal 314 154 73
Hex CC 6C 3B

Monochromatic Colors

#e58554
#fe9e6d
#ffb786
#ffd09f
#ffe9b8
#ffffd1

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#cc6c3b Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#CC6C3B Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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