Color picker

#cc658e

Conversion

HEX#cc658e
HEX8#cc658eff
RGBrgb(204, 101, 142)
CMYK[0,0.5,0.3,0.2]
Name#cc658e
HCL[355.76,45.43,56.19]
oklab[0.64,0.14,-0.01]
Num13395342
HSI[336.71,0.32,0.58]
lab[56.19,45.3,-3.36]
Lighten
#e5b2c6
Darken
#98335b
Saturate
#e0508a
Desaturate
#b77992
Greyscale
#989898
Brighten
#ff98c1

Color harmonies of #cc658e

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.
#cc658e
#8ecc65
#658ecc

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.
#cc658e
#c1cc65
#65cca3
#6f65cc

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.
#cc658e
#f67aac
#221118
#4c2635
#773b53
#a15070

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.
#cc658e
#cc65b7
#cc65a3
#cc658e
#cc6579
#cc6565

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#cc658e
#ccb865
#65b7cc

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
#fbf4f7
#f8e9ef
#f4dee7
#f0d3df
#edc8d7
#e9bdcf
#e6b2c7
#e2a7be
#de9cb6
#db91ae
#d786a6
#d37b9e
#d07096
#cc658e

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0f070a
#1d0e14
#2c161e
#3a1d29
#492433
#572b3d
#663347
#753a51
#83415b
#924865
#a04f70
#af577a
#bd5e84
#cc658e

Contrast Checker

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

3.609 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.82 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 #cc658e

Some examples of color palettes with #cc658e. View more

Use #cc658e in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet