Color picker

#ec45e2

Conversion

HEX#ec45e2
HEX8#ec45e2ff
RGBrgb(236, 69, 226)
CMYK[0,0.71,0.04,0.07]
Name#ec45e2
HCL[329.83,91.78,59.51]
oklab[0.69,0.23,-0.13]
Num15484386
HSI[303.06,0.61,0.69]
lab[59.51,79.35,-46.13]
Lighten
#f5a2f0
Darken
#b813ae
Saturate
#ff32f3
Desaturate
#d759d0
Greyscale
#989898
Brighten
#ff78ff

Color harmonies of #ec45e2

Color harmonies are pleasing color schemes created according to their position on a color wheel. Learn more

Triad

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#ec45e2
#e2ec45
#45e2ec

Tetrad

Tetradic color schemes are made form two couples of complementary colors in a rectangular shape on the color wheel. They are very versatile, and work best with one dominant color.
#ec45e2
#eca245
#45ec4f
#458eec

Monochromatic

The monochromatic colors are those that have the same dye, but differ in hue, value and saturation. For example, paint samples have several different values ​​of the same color. Using two or more monochromatic colors will achieve an elegant and pleasant effect.
#ec45e2
#170716
#42133f
#6c2068
#972c91
#c139b9

Analogous

Analogous color schemes are made by picking three colors that are next to each other on the color wheel. They are perceived as calm and serene.
#ec45e2
#b345ec
#d545ec
#ec45e2
#ec45c1
#ec459f

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#ec45e2
#ec7045
#45ecb3

Variations

View this color variations of shades, tints, tones, hues and temperatures.

Tints

A tint is created by adding white to a base color, increasing its lightness. Tints are likely to look pastel and less intense.
#ffffff
#fef2fd
#fce4fb
#fbd7f9
#facaf7
#f8bdf5
#f7aff3
#f6a2f1
#f495ee
#f387ec
#f17aea
#f06de8
#ef60e6
#ed52e4
#ec45e2

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#110510
#220a20
#330f30
#431441
#541951
#651e61
#762371
#872781
#982c91
#a931a1
#b936b2
#ca3bc2
#db40d2
#ec45e2

Contrast Checker

Verify the contrast of a #ec45e2 colored text on white and black backgrounds. For additional options use Color Contrast Checker Tool.

3.223 Poor When I used to read fairy tales, I fancied that kind of thing never happened, and now here I am in the middle of one!
6.516 Good When I used to read fairy tales, I fancied that kind of thing never happened, and now here I am in the middle of one!

Color Palettes #ec45e2

Some examples of color palettes with #ec45e2. View more

Use #ec45e2 in CSS

#ec45e2 as Background Color in CSS
<div style="background-color:#ec45e2">Background Color</div>
#ec45e2 as Text Color in CSS
<div style="color:#ec45e2">Text Color</div>
#ec45e2 as Border Color in CSS
<div style="border-color:#ec45e2">Border Color</div>
My Collection
Palettes

No palettes yet

Colors

No colors yet

Gradients

No gradients yet