Color picker

#c170ba

Conversion

HEX#c170ba
HEX8#c170baff
RGBrgb(193, 112, 186)
CMYK[0,0.42,0.04,0.24]
Name#c170ba
HCL[329.26,49.88,58.48]
oklab[0.66,0.12,-0.07]
Num12677306
HSI[304.47,0.32,0.64]
lab[58.48,42.88,-25.49]
Lighten
#e0b7dc
Darken
#8e3d87
Saturate
#d55bcb
Desaturate
#ac84a9
Greyscale
#989898
Brighten
#f4a3ed

Color harmonies of #c170ba

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.
#c170ba
#bac170
#70bac1

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.
#c170ba
#c19f70
#70c177
#7091c1

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.
#c170ba
#eb89e3
#170d16
#41263f
#6c3f68
#965791

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.
#c170ba
#a870c1
#b870c1
#c170ba
#c170aa
#c1709a

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#c170ba
#c18770
#70c1a8

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
#fbf5fa
#f6ebf5
#f2e0f0
#edd6eb
#e9cce6
#e4c2e1
#e0b8dd
#dcadd8
#d7a3d3
#d399ce
#ce8fc9
#ca84c4
#c57abf
#c170ba

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0e080d
#1c101b
#291828
#372035
#452842
#533050
#61385d
#6e406a
#7c4878
#8a5085
#985892
#a5609f
#b368ad
#c170ba

Contrast Checker

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

3.336 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!
6.294 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 #c170ba

Some examples of color palettes with #c170ba. View more

Use #c170ba in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet