#C63971 Information

#C63971 color RGB value is (198 , 57 , 113) , HEX triplet: c6, 39 and 71. RGB value is (198 , 57 , 113). Sum of RGB (Red+Green+Blue) = 198+57+113=368 (Red value is 198 (77.65% from 255 or 92.09% from 215); Green value is 57 (22.35% from 255 or 26.51% from 215); Blue value is 113 (44.31% from 255 or 52.56% from 215); Max value from RGB is 198 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #C63971 hue: 0.93 , saturation: 0.55 and the lightness value of c63971 is 0.5.

#c63971
(198 , 57 , 113)
  • R (198)
  • G (57)
  • B (113)
  • C (0)
  • M (55.29)
  • Y (33.33)
  • K (22.35)

Applying the #c63971

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

#c1346c
#bc2f67
#b72a62
#b2255d
#ad2058
#a81b53
#a3164e
#9e1149
#990c44
#94073f
#8f023a
#8a0035
#d2457d
#de5189
#ea5d95
#f669a1
#ff75ad
#ff81b9
#ff8dc5
#ff99d1
#ffa5dd
#ffb1e9
#ffbdf5
#ffc9ff

Color spaces of #c63971

Type Values
RGB 198 57 113
HSL 0.93 0.55 0.5
HSV 336 71 78
CMYK 0 55.29 33.33 22.35
XYZ 27.7325 16.1243 17.2734
Hunter Lab 40.155 53.007 2.6126
CIE-Lab 47.1371 59.4869 0.5884

Base Numbers

BaseRedGreenBlue
Decimal 198 57 113
Binary 11000110 111001 1110001
Octal 306 71 161
Hex C6 39 71

Monochromatic Colors

#df528a
#f86ba3
#ff84bc
#ff9dd5
#ffb6ee
#ffcfff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#c63971 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#C63971 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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