#E63685 Information

#E63685 color RGB value is (230 , 54 , 133) , HEX triplet: e6, 36 and 85. RGB value is (230 , 54 , 133). Sum of RGB (Red+Green+Blue) = 230+54+133=417 (Red value is 230 (90.2% from 255 or 106.98% from 215); Green value is 54 (21.18% from 255 or 25.12% from 215); Blue value is 133 (52.16% from 255 or 61.86% from 215); Max value from RGB is 230 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #E63685 hue: 0.93 , saturation: 0.78 and the lightness value of e63685 is 0.56.

#e63685
(230 , 54 , 133)
  • R (230)
  • G (54)
  • B (133)
  • C (0)
  • M (69.02)
  • Y (38.04)
  • K (9.8)

Applying the #e63685

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

#e13180
#dc2c7b
#d72776
#d22271
#cd1d6c
#c81867
#c31362
#be0e5d
#b90958
#b40453
#af004e
#aa0049
#f24291
#fe4e9d
#ff5aa9
#ff66b5
#ff72c1
#ff7ecd
#ff8ad9
#ff96e5
#ffa2f1
#ffaefd
#ffbaff
#ffc6ff

Color spaces of #e63685

Type Values
RGB 230 54 133
HSL 0.93 0.78 0.56
HSV 333 77 90
CMYK 0 69.02 38.04 9.8
XYZ 38.1859 21.1548 24.261
Hunter Lab 45.9943 67.7063 0.9327
CIE-Lab 53.1185 71.0177 -2.0795

Base Numbers

BaseRedGreenBlue
Decimal 230 54 133
Binary 11100110 110110 10000101
Octal 346 66 205
Hex E6 36 85

Monochromatic Colors

#ff4f9e
#ff68b7
#ff81d0
#ff9ae9
#ffb3ff
#ffccff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#e63685 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#E63685 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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