#C71B30 Information

#C71B30 color RGB value is (199 , 27 , 48) , HEX triplet: c7, 1b and 30. RGB value is (199 , 27 , 48). Sum of RGB (Red+Green+Blue) = 199+27+48=274 (Red value is 199 (78.04% from 255 or 92.56% from 215); Green value is 27 (10.59% from 255 or 12.56% from 215); Blue value is 48 (18.82% from 255 or 22.33% from 215); Max value from RGB is 199 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #C71B30 hue: 0.98 , saturation: 0.76 and the lightness value of c71b30 is 0.44.

#c71b30
(199 , 27 , 48)
  • R (199)
  • G (27)
  • B (48)
  • C (0)
  • M (67.45)
  • Y (59.22)
  • K (21.96)

Applying the #c71b30

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

#c2162b
#bd1126
#b80c21
#b3071c
#ae0217
#a90012
#a4000d
#9f0008
#9a0003
#950000
#900000
#8b0000
#d3273c
#df3348
#eb3f54
#f74b60
#ff576c
#ff6378
#ff6f84
#ff7b90
#ff879c
#ff93a8
#ff9fb4
#ffabc0

Color spaces of #c71b30

Type Values
RGB 199 27 48
HSL 0.98 0.76 0.44
HSV 353 86 78
CMYK 0 67.45 59.22 21.96
XYZ 24.4786 13.1394 4.0423
Hunter Lab 36.2483 57.1074 18.7638
CIE-Lab 42.9725 63.9246 34.9573

Base Numbers

BaseRedGreenBlue
Decimal 199 27 48
Binary 11000111 11011 110000
Octal 307 33 60
Hex C7 1B 30

Monochromatic Colors

#e03449
#f94d62
#ff667b
#ff7f94
#ff98ad
#ffb1c6

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#c71b30 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#C71B30 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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