Color picker

#cc4d97

Conversion

HEX#cc4d97
HEX8#cc4d97ff
RGBrgb(204, 77, 151)
CMYK[0,0.62,0.26,0.2]
Name#cc4d97
HCL[345.87,59.47,52.27]
oklab[0.61,0.17,-0.04]
Num13389207
HSI[324.55,0.47,0.56]
lab[52.27,57.67,-14.52]
Lighten
#e39cc5
Darken
#8b2862
Saturate
#e3369b
Desaturate
#b56493
Greyscale
#8c8c8c
Brighten
#ff80ca

Color harmonies of #cc4d97

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.
#cc4d97
#97cc4d
#4d97cc

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.
#cc4d97
#ccc14d
#4dcc82
#4d57cc

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.
#cc4d97
#f65db6
#220d19
#4c1d39
#772d58
#a13d78

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.
#cc4d97
#cc4dca
#cc4db0
#cc4d97
#cc4d7e
#cc4d64

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#cc4d97
#cc9b4d
#4dcacc

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
#fbf2f8
#f8e6f0
#f4d9e9
#f0cce1
#edbfda
#e9b3d2
#e6a6cb
#e299c4
#de8dbc
#db80b5
#d773ad
#d366a6
#d05a9e
#cc4d97

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0f060b
#1d0b16
#2c1120
#3a162b
#491c36
#572141
#66274c
#752c56
#833261
#92376c
#a03d77
#af4281
#bd488c
#cc4d97

Contrast Checker

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

4.137 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.076 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 #cc4d97

Some examples of color palettes with #cc4d97. View more

Use #cc4d97 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet