Color picker

#cf12a9

Conversion

HEX#cf12a9
HEX8#cf12a9ff
RGBrgb(207, 18, 169)
CMYK[0,0.91,0.18,0.19]
Name#cf12a9
HCL[337.38,83.64,47.71]
oklab[0.58,0.23,-0.09]
Num13570729
HSI[310.96,0.86,0.52]
lab[47.71,77.21,-32.17]
Lighten
#f057d1
Darken
#710a5c
Saturate
#e100b4
Desaturate
#b8289c
Greyscale
#707070
Brighten
#ff45dc

Color harmonies of #cf12a9

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.
#cf12a9
#a9cf12
#12a9cf

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.
#cf12a9
#cf9612
#12cf38
#124acf

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.
#cf12a9
#f916cc
#25031e
#4f0741
#7a0b64
#a40e86

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.
#cf12a9
#a912cf
#cf12cf
#cf12a9
#cf1283
#cf125d

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#cf12a9
#cf5e12
#12cfa9

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
#fceef9
#f8ddf3
#f5cced
#f1bbe6
#eeaae0
#ea99da
#e789d4
#e478ce
#e067c8
#dd56c2
#d945bb
#d634b5
#d223af
#cf12a9

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0f010c
#1e0318
#2c0424
#3b0530
#4a063c
#590848
#680955
#760a61
#850c6d
#940d79
#a30e85
#b10f91
#c0119d
#cf12a9

Contrast Checker

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

4.87 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.313 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 #cf12a9

Some examples of color palettes with #cf12a9. View more

Use #cf12a9 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet