#CCAD9C Information

#CCAD9C color RGB value is (204 , 173 , 156) , HEX triplet: cc, ad and 9c. RGB value is (204 , 173 , 156). Sum of RGB (Red+Green+Blue) = 204+173+156=533 (Red value is 204 (80% from 255 or 94.88% from 215); Green value is 173 (67.84% from 255 or 80.47% from 215); Blue value is 156 (61.18% from 255 or 72.56% from 215); Max value from RGB is 204 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #CCAD9C hue: 0.06 , saturation: 0.32 and the lightness value of ccad9c is 0.71.

#ccad9c
(204 , 173 , 156)
  • R (204)
  • G (173)
  • B (156)
  • C (0)
  • M (12.16)
  • Y (18.82)
  • K (20)

Applying the #ccad9c

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

#c7a897
#c2a392
#bd9e8d
#b89988
#b39483
#ae8f7e
#a98a79
#a48574
#9f806f
#9a7b6a
#957665
#907160
#d8b9a8
#e4c5b4
#f0d1c0
#fcddcc
#ffe9d8
#fff5e4
#fffff0
#fffffc
#ffffff

Color spaces of #ccad9c

Type Values
RGB 204 173 156
HSL 0.06 0.32 0.71
HSV 21 24 80
CMYK 0 12.16 18.82 20
XYZ 45.8462 45.1248 37.7461
Hunter Lab 67.175 4.2682 13.7182
CIE-Lab 72.974 8.6167 12.9064

Base Numbers

BaseRedGreenBlue
Decimal 204 173 156
Binary 11001100 10101101 10011100
Octal 314 255 234
Hex CC AD 9C

Monochromatic Colors

#e5c6b5
#fedfce
#fff8e7
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#ccad9c Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#CCAD9C Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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