Color picker

#cf5f97

Conversion

HEX#cf5f97
HEX8#cf5f97ff
RGBrgb(207, 95, 151)
CMYK[0,0.54,0.27,0.19]
Name#cf5f97
HCL[349.66,51.25,55.77]
oklab[0.64,0.15,-0.02]
Num13590423
HSI[330,0.37,0.59]
lab[55.77,50.41,-9.2]
Lighten
#e7adca
Darken
#9a2e64
Saturate
#e44a97
Desaturate
#ba7497
Greyscale
#979797
Brighten
#ff92ca

Color harmonies of #cf5f97

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.
#cf5f97
#97cf5f
#5f97cf

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.
#cf5f97
#cfcf5f
#5fcf97
#5f5fcf

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.
#cf5f97
#f973b6
#25111b
#4f243a
#7a3859
#a44b78

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.
#cf5f97
#cf5fc4
#cf5fad
#cf5f97
#cf5f81
#cf5f6a

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#cf5f97
#cfad5f
#5fc4cf

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
#fcf4f8
#f8e8f0
#f5dde9
#f1d1e1
#eec6da
#eabad2
#e7afcb
#e4a4c4
#e098bc
#dd8db5
#d981ad
#d676a6
#d26a9e
#cf5f97

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0f070b
#1e0e16
#2c1420
#3b1b2b
#4a2236
#592941
#68304c
#763656
#853d61
#94446c
#a34b77
#b15181
#c0588c
#cf5f97

Contrast Checker

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

3.661 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.737 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 #cf5f97

Some examples of color palettes with #cf5f97. View more

Use #cf5f97 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet