Color picker

#cf53a8

Conversion

HEX#cf53a8
HEX8#cf53a8ff
RGBrgb(207, 83, 168)
CMYK[0,0.6,0.19,0.19]
Name#cf53a8
HCL[339.9,62.06,54.33]
oklab[0.63,0.17,-0.06]
Num13587368
HSI[317.91,0.46,0.6]
lab[54.33,58.28,-21.33]
Lighten
#e5a3d0
Darken
#932972
Saturate
#e53db0
Desaturate
#b969a0
Greyscale
#919191
Brighten
#ff86db

Color harmonies of #cf53a8

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.
#cf53a8
#a8cf53
#53a8cf

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.
#cf53a8
#cfb853
#53cf7a
#536acf

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.
#cf53a8
#f964ca
#250f1e
#4f2041
#7a3163
#a44285

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.
#cf53a8
#c453cf
#cf53c1
#cf53a8
#cf538f
#cf5376

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#cf53a8
#cf9353
#53cfc4

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
#fcf3f9
#f8e6f3
#f5daec
#f1cee6
#eec2e0
#eab5da
#e7a9d4
#e49dcd
#e090c7
#dd84c1
#d978bb
#d66cb4
#d25fae
#cf53a8

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0f060c
#1e0c18
#2c1224
#3b1830
#4a1e3c
#592448
#682a54
#762f60
#85356c
#943b78
#a34184
#b14790
#c04d9c
#cf53a8

Contrast Checker

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

3.849 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.456 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 #cf53a8

Some examples of color palettes with #cf53a8. View more

Use #cf53a8 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet