#CC534C Information

#CC534C color RGB value is (204 , 83 , 76) , HEX triplet: cc, 53 and 4c. RGB value is (204 , 83 , 76). Sum of RGB (Red+Green+Blue) = 204+83+76=363 (Red value is 204 (80% from 255 or 94.88% from 215); Green value is 83 (32.55% from 255 or 38.6% from 215); Blue value is 76 (29.8% from 255 or 35.35% from 215); Max value from RGB is 204 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #CC534C hue: 0.01 , saturation: 0.56 and the lightness value of cc534c is 0.55.

#cc534c
(204 , 83 , 76)
  • R (204)
  • G (83)
  • B (76)
  • C (0)
  • M (47.45)
  • Y (50.2)
  • K (20)

Applying the #cc534c

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

#c74e47
#c24942
#bd443d
#b83f38
#b33a33
#ae352e
#a93029
#a42b24
#9f261f
#9a211a
#951c15
#901710
#d85f58
#e46b64
#f07770
#fc837c
#ff8f88
#ff9b94
#ffa7a0
#ffb3ac
#ffbfb8
#ffcbc4
#ffd7d0
#ffe3dc

Color spaces of #cc534c

Type Values
RGB 204 83 76
HSL 0.01 0.56 0.55
HSV 3 63 80
CMYK 0 47.45 50.2 20
XYZ 29.2996 19.5457 9.0659
Hunter Lab 44.2105 40.9289 18.7929
CIE-Lab 51.3196 47.5915 28.7349

Base Numbers

BaseRedGreenBlue
Decimal 204 83 76
Binary 11001100 1010011 1001100
Octal 314 123 114
Hex CC 53 4C

Monochromatic Colors

#e56c65
#fe857e
#ff9e97
#ffb7b0
#ffd0c9
#ffe9e2

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#cc534c Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#CC534C Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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