#C75377 Information

#C75377 color RGB value is (199 , 83 , 119) , HEX triplet: c7, 53 and 77. RGB value is (199 , 83 , 119). Sum of RGB (Red+Green+Blue) = 199+83+119=401 (Red value is 199 (78.04% from 255 or 92.56% from 215); Green value is 83 (32.55% from 255 or 38.6% from 215); Blue value is 119 (46.67% from 255 or 55.35% from 215); Max value from RGB is 199 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #C75377 hue: 0.95 , saturation: 0.51 and the lightness value of c75377 is 0.55.

#c75377
(199 , 83 , 119)
  • R (199)
  • G (83)
  • B (119)
  • C (0)
  • M (45.49)
  • Y (31.37)
  • K (21.96)

Applying the #c75377

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

#c24e72
#bd496d
#b84468
#b33f63
#ae3a5e
#a93559
#a43054
#9f2b4f
#9a264a
#952145
#901c40
#8b173b
#d35f83
#df6b8f
#eb779b
#f783a7
#ff8fb3
#ff9bbf
#ffa7cb
#ffb3d7
#ffbfe3
#ffcbef
#ffd7fb
#ffe3ff

Color spaces of #c75377

Type Values
RGB 199 83 119
HSL 0.95 0.51 0.55
HSV 341 58 78
CMYK 0 45.49 31.37 21.96
XYZ 29.9762 19.6605 19.6677
Hunter Lab 44.3402 43.0798 4.7482
CIE-Lab 51.4512 49.6045 3.239

Base Numbers

BaseRedGreenBlue
Decimal 199 83 119
Binary 11000111 1010011 1110111
Octal 307 123 167
Hex C7 53 77

Monochromatic Colors

#e06c90
#f985a9
#ff9ec2
#ffb7db
#ffd0f4
#ffe9ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#c75377 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#C75377 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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