#C31847 Information

#C31847 color RGB value is (195 , 24 , 71) , HEX triplet: c3, 18 and 47. RGB value is (195 , 24 , 71). Sum of RGB (Red+Green+Blue) = 195+24+71=290 (Red value is 195 (76.47% from 255 or 90.7% from 215); Green value is 24 (9.41% from 255 or 11.16% from 215); Blue value is 71 (27.84% from 255 or 33.02% from 215); Max value from RGB is 195 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #C31847 hue: 0.95 , saturation: 0.78 and the lightness value of c31847 is 0.43.

#c31847
(195 , 24 , 71)
  • R (195)
  • G (24)
  • B (71)
  • C (0)
  • M (67.06)
  • Y (48.63)
  • K (23.53)

Applying the #c31847

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

#be1342
#b90e3d
#b40938
#af0433
#aa002e
#a50029
#a00024
#9b001f
#96001a
#910015
#8c0010
#87000b
#cf2453
#db305f
#e73c6b
#f34877
#ff5483
#ff608f
#ff6c9b
#ff78a7
#ff84b3
#ff90bf
#ff9ccb
#ffa8d7

Color spaces of #c31847

Type Values
RGB 195 24 71
HSL 0.95 0.78 0.43
HSV 344 88 76
CMYK 0 67.06 48.63 23.53
XYZ 23.9696 12.7103 7.1512
Hunter Lab 35.6515 57.6211 13.067
CIE-Lab 42.3235 64.502 19.8645

Base Numbers

BaseRedGreenBlue
Decimal 195 24 71
Binary 11000011 11000 1000111
Octal 303 30 107
Hex C3 18 47

Monochromatic Colors

#dc3160
#f54a79
#ff6392
#ff7cab
#ff95c4
#ffaedd

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#c31847 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#C31847 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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