#E321C4 Information

#E321C4 color RGB value is (227 , 33 , 196) , HEX triplet: e3, 21 and c4. RGB value is (227 , 33 , 196). Sum of RGB (Red+Green+Blue) = 227+33+196=456 (Red value is 227 (89.02% from 255 or 105.58% from 215); Green value is 33 (12.94% from 255 or 15.35% from 215); Blue value is 196 (76.86% from 255 or 91.16% from 215); Max value from RGB is 227 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #E321C4 hue: 0.86 , saturation: 0.78 and the lightness value of e321c4 is 0.51.

#e321c4
(227 , 33 , 196)
  • R (227)
  • G (33)
  • B (196)
  • C (0)
  • M (76.08)
  • Y (12.16)
  • K (10.98)

Applying the #e321c4

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

#de1cbf
#d917ba
#d412b5
#cf0db0
#ca08ab
#c503a6
#c000a1
#bb009c
#b60097
#b10092
#ac008d
#a70088
#ef2dd0
#fb39dc
#ff45e8
#ff51f4
#ff5dff
#ff69ff
#ff75ff
#ff81ff
#ff8dff
#ff99ff
#ffa5ff
#ffb1ff

Color spaces of #e321c4

Type Values
RGB 227 33 196
HSL 0.86 0.78 0.51
HSV 310 85 89
CMYK 0 76.08 12.16 10.98
XYZ 42.1862 21.4041 54.1325
Hunter Lab 46.2646 81.8016 -36.963
CIE-Lab 53.389 82.3096 -38.803

Base Numbers

BaseRedGreenBlue
Decimal 227 33 196
Binary 11100011 100001 11000100
Octal 343 41 304
Hex E3 21 C4

Monochromatic Colors

#fc3add
#ff53f6
#ff6cff
#ff85ff
#ff9eff
#ffb7ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#e321c4 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#E321C4 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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