Color picker

#cc2fc9

Conversion

HEX#cc2fc9
HEX8#cc2fc9ff
RGBrgb(204, 47, 201)
CMYK[0,0.77,0.01,0.2]
Name#cc2fc9
HCL[328.59,88.35,50.79]
oklab[0.61,0.21,-0.13]
Num13381577
HSI[300.96,0.69,0.59]
lab[50.79,75.4,-46.04]
Lighten
#e27fe0
Darken
#791c77
Saturate
#e516e1
Desaturate
#b348b1
Greyscale
#7d7d7d
Brighten
#ff62fc

Color harmonies of #cc2fc9

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.
#cc2fc9
#c9cc2f
#2fc9cc

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.
#cc2fc9
#cc802f
#2fcc32
#2f7acc

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.
#cc2fc9
#f639f3
#220821
#4c124b
#771b75
#a1259f

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.
#cc2fc9
#902fcc
#b02fcc
#cc2fc9
#cc2faa
#cc2f8a

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#cc2fc9
#cc512f
#2fcc90

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
#fbf0fb
#f8e1f7
#f4d2f3
#f0c4f0
#edb5ec
#e9a6e8
#e697e4
#e288e0
#de79dc
#db6ad8
#d75cd5
#d34dd1
#d03ecd
#cc2fc9

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0f030e
#1d071d
#2c0a2b
#3a0d39
#491148
#571456
#661865
#751b73
#831e81
#922290
#a0259e
#af28ac
#bd2cbb
#cc2fc9

Contrast Checker

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

4.359 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!
4.817 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 #cc2fc9

Some examples of color palettes with #cc2fc9. View more

Use #cc2fc9 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet