#CCB452 Information

#CCB452 color RGB value is (204 , 180 , 82) , HEX triplet: cc, b4 and 52. RGB value is (204 , 180 , 82). Sum of RGB (Red+Green+Blue) = 204+180+82=466 (Red value is 204 (80% from 255 or 94.88% from 215); Green value is 180 (70.59% from 255 or 83.72% from 215); Blue value is 82 (32.16% from 255 or 38.14% from 215); Max value from RGB is 204 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #CCB452 hue: 0.13 , saturation: 0.54 and the lightness value of ccb452 is 0.56.

#ccb452
(204 , 180 , 82)
  • R (204)
  • G (180)
  • B (82)
  • C (0)
  • M (9.41)
  • Y (47.84)
  • K (20)

Applying the #ccb452

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

#c7af4d
#c2aa48
#bda543
#b8a03e
#b39b39
#ae9634
#a9912f
#a48c2a
#9f8725
#9a8220
#957d1b
#907816
#d8c05e
#e4cc6a
#f0d876
#fce482
#fff08e
#fffc9a
#ffffa6
#ffffb2
#ffffbe
#ffffca
#ffffd6
#ffffe2

Color spaces of #ccb452

Type Values
RGB 204 180 82
HSL 0.13 0.54 0.56
HSV 48 60 80
CMYK 0 9.41 47.84 20
XYZ 42.7461 46.0891 14.6258
Hunter Lab 67.8889 -6.4133 34.7526
CIE-Lab 73.6033 -3.1413 52.061

Base Numbers

BaseRedGreenBlue
Decimal 204 180 82
Binary 11001100 10110100 1010010
Octal 314 264 122
Hex CC B4 52

Monochromatic Colors

#e5cd6b
#fee684
#ffff9d
#ffffb6
#ffffcf
#ffffe8

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#ccb452 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#CCB452 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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