Color picker

#ed337d

Conversion

HEX#ed337d
HEX8#ed337dff
RGBrgb(237, 51, 125)
CMYK[0,0.78,0.47,0.07]
Name#ed337d
HCL[3.12,73.03,53.88]
oklab[0.63,0.22,0.01]
Num15545213
HSI[336.73,0.63,0.54]
lab[53.88,72.92,3.98]
Lighten
#f591b9
Darken
#ab0f4d
Saturate
#ff2179
Desaturate
#d74982
Greyscale
#909090
Brighten
#ff66b0

Color harmonies of #ed337d

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.
#ed337d
#7ded33
#337ded

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.
#ed337d
#daed33
#33eda3
#4633ed

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.
#ed337d
#18050d
#430e23
#6d183a
#982150
#c22a67

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.
#ed337d
#ed33c7
#ed33a2
#ed337d
#ed3358
#ed3333

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#ed337d
#edc833
#33c7ed

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
#fef0f6
#fce2ec
#fbd3e3
#fac5da
#f9b6d1
#f7a8c7
#f699be
#f58ab5
#f37cab
#f26da2
#f15f99
#f05090
#ee4286
#ed337d

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#110409
#220712
#330b1b
#440f24
#55122d
#661636
#771a3f
#871d47
#982150
#a92459
#ba2862
#cb2c6b
#dc2f74
#ed337d

Contrast Checker

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

3.91 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!
5.371 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 #ed337d

Some examples of color palettes with #ed337d. View more

Use #ed337d in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet