#CC7463 Information

#CC7463 color RGB value is (204 , 116 , 99) , HEX triplet: cc, 74 and 63. RGB value is (204 , 116 , 99). Sum of RGB (Red+Green+Blue) = 204+116+99=419 (Red value is 204 (80% from 255 or 94.88% from 215); Green value is 116 (45.49% from 255 or 53.95% from 215); Blue value is 99 (38.82% from 255 or 46.05% from 215); Max value from RGB is 204 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #CC7463 hue: 0.03 , saturation: 0.51 and the lightness value of cc7463 is 0.59.

#cc7463
(204 , 116 , 99)
  • R (204)
  • G (116)
  • B (99)
  • C (0)
  • M (34.51)
  • Y (41.18)
  • K (20)

Applying the #cc7463

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

#c76f5e
#c26a59
#bd6554
#b8604f
#b35b4a
#ae5645
#a95140
#a44c3b
#9f4736
#9a4231
#953d2c
#903827
#d8806f
#e48c7b
#f09887
#fca493
#ffb09f
#ffbcab
#ffc8b7
#ffd4c3
#ffe0cf
#ffecdb
#fff8e7
#fffff3

Color spaces of #cc7463

Type Values
RGB 204 116 99
HSL 0.03 0.51 0.59
HSV 10 51 80
CMYK 0 34.51 41.18 20
XYZ 33.3994 26.229 15.1067
Hunter Lab 51.2143 26.7839 18.3667
CIE-Lab 58.2538 32.7742 24.4856

Base Numbers

BaseRedGreenBlue
Decimal 204 116 99
Binary 11001100 1110100 1100011
Octal 314 164 143
Hex CC 74 63

Monochromatic Colors

#e58d7c
#fea695
#ffbfae
#ffd8c7
#fff1e0
#fffff9

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#cc7463 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#CC7463 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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