#C4278B Information

#C4278B color RGB value is (196 , 39 , 139) , HEX triplet: c4, 27 and 8b. RGB value is (196 , 39 , 139). Sum of RGB (Red+Green+Blue) = 196+39+139=374 (Red value is 196 (76.86% from 255 or 91.16% from 215); Green value is 39 (15.29% from 255 or 18.14% from 215); Blue value is 139 (54.51% from 255 or 64.65% from 215); Max value from RGB is 196 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #C4278B hue: 0.89 , saturation: 0.67 and the lightness value of c4278b is 0.46.

#c4278b
(196 , 39 , 139)
  • R (196)
  • G (39)
  • B (139)
  • C (0)
  • M (61.57)
  • Y (22.35)
  • K (23.14)

Applying the #c4278b

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

#bf2286
#ba1d81
#b5187c
#b01377
#ab0e72
#a6096d
#a10468
#9c0063
#97005e
#920059
#8d0054
#88004f
#d03397
#dc3fa3
#e84baf
#f457bb
#ff63c7
#ff6fd3
#ff7bdf
#ff87eb
#ff93f7
#ff9fff
#ffabff
#ffb7ff

Color spaces of #c4278b

Type Values
RGB 196 39 139
HSL 0.89 0.67 0.46
HSV 322 80 77
CMYK 0 61.57 22.35 23.14
XYZ 28.1507 15.0509 25.8475
Hunter Lab 38.7955 61.6307 -12.3312
CIE-Lab 45.7038 67.3236 -17.4509

Base Numbers

BaseRedGreenBlue
Decimal 196 39 139
Binary 11000100 100111 10001011
Octal 304 47 213
Hex C4 27 8B

Monochromatic Colors

#dd40a4
#f659bd
#ff72d6
#ff8bef
#ffa4ff
#ffbdff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#c4278b Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#C4278B Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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