#CC1A21 Information

#CC1A21 color RGB value is (204 , 26 , 33) , HEX triplet: cc, 1a and 21. RGB value is (204 , 26 , 33). Sum of RGB (Red+Green+Blue) = 204+26+33=263 (Red value is 204 (80% from 255 or 94.88% from 215); Green value is 26 (10.2% from 255 or 12.09% from 215); Blue value is 33 (12.94% from 255 or 15.35% from 215); Max value from RGB is 204 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #CC1A21 hue: 0.99 , saturation: 0.77 and the lightness value of cc1a21 is 0.45.

#cc1a21
(204 , 26 , 33)
  • R (204)
  • G (26)
  • B (33)
  • C (0)
  • M (69.8)
  • Y (67.06)
  • K (20)

Applying the #cc1a21

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

#c7151c
#c21017
#bd0b12
#b8060d
#b30108
#ae0003
#a90000
#a40000
#9f0000
#9a0000
#950000
#900000
#d8262d
#e43239
#f03e45
#fc4a51
#ff565d
#ff6269
#ff6e75
#ff7a81
#ff868d
#ff9299
#ff9ea5
#ffaab1

Color spaces of #cc1a21

Type Values
RGB 204 26 33
HSL 0.99 0.77 0.45
HSV 358 87 80
CMYK 0 69.8 67.06 20
XYZ 25.5457 13.686 2.7341
Hunter Lab 36.9945 58.5187 21.5153
CIE-Lab 43.7792 65.0048 44.5013

Base Numbers

BaseRedGreenBlue
Decimal 204 26 33
Binary 11001100 11010 100001
Octal 314 32 41
Hex CC 1A 21

Monochromatic Colors

#e5333a
#fe4c53
#ff656c
#ff7e85
#ff979e
#ffb0b7

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#cc1a21 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#CC1A21 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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