#C6700C Information

#C6700C color RGB value is (198 , 112 , 12) , HEX triplet: c6, 70 and c. RGB value is (198 , 112 , 12). Sum of RGB (Red+Green+Blue) = 198+112+12=322 (Red value is 198 (77.65% from 255 or 92.09% from 215); Green value is 112 (43.92% from 255 or 52.09% from 215); Blue value is 12 (4.71% from 255 or 5.58% from 215); Max value from RGB is 198 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #C6700C hue: 0.09 , saturation: 0.89 and the lightness value of c6700c is 0.41.

#c6700c
(198 , 112 , 12)
  • R (198)
  • G (112)
  • B (12)
  • C (0)
  • M (33.73)
  • Y (72.94)
  • K (22.35)

Applying the #c6700c

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

#c16b07
#bc6602
#b76100
#b25c00
#ad5700
#a85200
#a34d00
#9e4800
#994300
#943e00
#8f3900
#8a3400
#d27c18
#de8824
#ea9430
#f6a03c
#ffac48
#ffb854
#ffc460
#ffd06c
#ffdc78
#ffe884
#fff490
#ffff9c

Color spaces of #c6700c

Type Values
RGB 198 112 12
HSL 0.09 0.89 0.41
HSV 32 94 78
CMYK 0 33.73 72.94 22.35
XYZ 29.1492 23.6207 3.3707
Hunter Lab 48.6011 22.0064 29.9094
CIE-Lab 55.706 28.106 60.8321

Base Numbers

BaseRedGreenBlue
Decimal 198 112 12
Binary 11000110 1110000 1100
Octal 306 160 14
Hex C6 70 C

Monochromatic Colors

#df8925
#f8a23e
#ffbb57
#ffd470
#ffed89
#ffffa2

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#c6700c Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#C6700C Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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