#C4478E Information

#C4478E color RGB value is (196 , 71 , 142) , HEX triplet: c4, 47 and 8e. RGB value is (196 , 71 , 142). Sum of RGB (Red+Green+Blue) = 196+71+142=409 (Red value is 196 (76.86% from 255 or 91.16% from 215); Green value is 71 (27.84% from 255 or 33.02% from 215); Blue value is 142 (55.69% from 255 or 66.05% from 215); Max value from RGB is 196 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #C4478E hue: 0.91 , saturation: 0.51 and the lightness value of c4478e is 0.52.

#c4478e
(196 , 71 , 142)
  • R (196)
  • G (71)
  • B (142)
  • C (0)
  • M (49.02)
  • Y (21.18)
  • K (23.14)

Applying the #c4478e

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

#bf4289
#ba3d84
#b5387f
#b0337a
#ab2e75
#a62970
#a1246b
#9c1f66
#971a61
#92155c
#8d1057
#880b52
#d0539a
#dc5fa6
#e86bb2
#f477be
#ff83ca
#ff8fd6
#ff9be2
#ffa7ee
#ffb3fa
#ffbfff
#ffcbff
#ffd7ff

Color spaces of #c4478e

Type Values
RGB 196 71 142
HSL 0.91 0.51 0.52
HSV 326 64 77
CMYK 0 49.02 21.18 23.14
XYZ 29.9007 18.1952 27.5273
Hunter Lab 42.6559 50.4762 -8.3893
CIE-Lab 49.7321 56.7285 -13.1321

Base Numbers

BaseRedGreenBlue
Decimal 196 71 142
Binary 11000100 1000111 10001110
Octal 304 107 216
Hex C4 47 8E

Monochromatic Colors

#dd60a7
#f679c0
#ff92d9
#ffabf2
#ffc4ff
#ffddff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#c4478e Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#C4478E Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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