Color picker

#cc3d71

Conversion

HEX#cc3d71
HEX8#cc3d71ff
RGBrgb(204, 61, 113)
CMYK[0,0.7,0.45,0.2]
Name#cc3d71
HCL[2.9,59.83,48.72]
oklab[0.58,0.18,0.01]
Num13385073
HSI[338.95,0.52,0.49]
lab[48.72,59.75,3.03]
Lighten
#e18eac
Darken
#812245
Saturate
#e4256a
Desaturate
#b35678
Greyscale
#848484
Brighten
#ff70a4

Color harmonies of #cc3d71

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.
#cc3d71
#71cc3d
#3d71cc

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.
#cc3d71
#b8cc3d
#3dcc98
#513dcc

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.
#cc3d71
#f64a89
#220a13
#4c172a
#772442
#a13059

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.
#cc3d71
#cc3daa
#cc3d8e
#cc3d71
#cc3d54
#cc423d

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#cc3d71
#ccb53d
#3daacc

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
#fbf1f5
#f8e3eb
#f4d5e1
#f0c8d6
#edbacc
#e9acc2
#e69eb8
#e290ae
#de82a4
#db749a
#d7678f
#d35985
#d04b7b
#cc3d71

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0f0408
#1d0910
#2c0d18
#3a1120
#491628
#571a30
#661f39
#752341
#832749
#922c51
#a03059
#af3461
#bd3969
#cc3d71

Contrast Checker

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

4.694 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!
4.473 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!

Color Palettes #cc3d71

Some examples of color palettes with #cc3d71. View more

Use #cc3d71 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet