#CC3B10 Information

#CC3B10 color RGB value is (204 , 59 , 16) , HEX triplet: cc, 3b and 10. RGB value is (204 , 59 , 16). Sum of RGB (Red+Green+Blue) = 204+59+16=279 (Red value is 204 (80% from 255 or 94.88% from 215); Green value is 59 (23.14% from 255 or 27.44% from 215); Blue value is 16 (6.27% from 255 or 7.44% from 215); Max value from RGB is 204 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #CC3B10 hue: 0.04 , saturation: 0.85 and the lightness value of cc3b10 is 0.43.

#cc3b10
(204 , 59 , 16)
  • R (204)
  • G (59)
  • B (16)
  • C (0)
  • M (56.86)
  • Y (73.73)
  • K (20)

Applying the #cc3b10

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

#c7360b
#c23106
#bd2c01
#b82700
#b32200
#ae1d00
#a91800
#a41300
#9f0e00
#9a0900
#950400
#900000
#d8471c
#e45328
#f05f34
#fc6b40
#ff774c
#ff8358
#ff8f64
#ff9b70
#ffa77c
#ffb388
#ffbf94
#ffcba0

Color spaces of #cc3b10

Type Values
RGB 204 59 16
HSL 0.04 0.85 0.43
HSV 14 92 80
CMYK 0 56.86 73.73 20
XYZ 26.5593 16.0027 2.1792
Hunter Lab 40.0034 48.5051 24.773
CIE-Lab 46.978 55.4289 54.2816

Base Numbers

BaseRedGreenBlue
Decimal 204 59 16
Binary 11001100 111011 10000
Octal 314 73 20
Hex CC 3B 10

Monochromatic Colors

#e55429
#fe6d42
#ff865b
#ff9f74
#ffb88d
#ffd1a6

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#cc3b10 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#CC3B10 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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