#CC6920 Information

#CC6920 color RGB value is (204 , 105 , 32) , HEX triplet: cc, 69 and 20. RGB value is (204 , 105 , 32). Sum of RGB (Red+Green+Blue) = 204+105+32=341 (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 32 (12.55% from 255 or 14.88% from 215); Max value from RGB is 204 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #CC6920 hue: 0.07 , saturation: 0.73 and the lightness value of cc6920 is 0.46.

#cc6920
(204 , 105 , 32)
  • R (204)
  • G (105)
  • B (32)
  • C (0)
  • M (38.82)
  • Y (67.45)
  • K (20)

Applying the #cc6920

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

#c7641b
#c25f16
#bd5a11
#b8550c
#b35007
#ae4b02
#a94600
#a44100
#9f3c00
#9a3700
#953200
#902d00
#d8752c
#e48138
#f08d44
#fc9950
#ffa55c
#ffb168
#ffbd74
#ffc980
#ffd58c
#ffe198
#ffeda4
#fff9b0

Color spaces of #cc6920

Type Values
RGB 204 105 32
HSL 0.07 0.73 0.46
HSV 25 84 80
CMYK 0 38.82 67.45 20
XYZ 30.2141 23.0448 4.2221
Hunter Lab 48.005 28.3385 28.3899
CIE-Lab 55.1185 34.6954 54.9234

Base Numbers

BaseRedGreenBlue
Decimal 204 105 32
Binary 11001100 1101001 100000
Octal 314 151 40
Hex CC 69 20

Monochromatic Colors

#e58239
#fe9b52
#ffb46b
#ffcd84
#ffe69d
#ffffb6

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#cc6920 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#CC6920 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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