Color picker

#cc145c

Conversion

HEX#cc145c
HEX8#cc145cff
RGBrgb(204, 20, 92)
CMYK[0,0.9,0.55,0.2]
Name#cc145c
HCL[8.13,69.4,44.4]
oklab[0.55,0.21,0.03]
Num13374556
HSI[337.15,0.81,0.41]
lab[44.4,68.7,9.81]
Lighten
#ef5793
Darken
#6f0b32
Saturate
#e00058
Desaturate
#b62a61
Greyscale
#707070
Brighten
#ff478f

Color harmonies of #cc145c

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.
#cc145c
#5ccc14
#145ccc

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.
#cc145c
#b8cc14
#14cc84
#2814cc

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.
#cc145c
#f6186f
#22030f
#4c0822
#770c36
#a11049

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.
#cc145c
#cc14a6
#cc1481
#cc145c
#cc1437
#cc1614

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#cc145c
#cca914
#14a6cc

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
#fbeef3
#f8dde8
#f4cddc
#f0bcd0
#edabc5
#e99ab9
#e68aae
#e279a2
#de6896
#db578b
#d7467f
#d33673
#d02568
#cc145c

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0f0107
#1d030d
#2c0414
#3a061a
#490721
#570927
#660a2e
#750b35
#830d3b
#920e42
#a01048
#af114f
#bd1355
#cc145c

Contrast Checker

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

5.494 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!
3.822 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 #cc145c

Some examples of color palettes with #cc145c. View more

Use #cc145c in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet