Color picker

#c170f0

Conversion

HEX#c170f0
HEX8#c170f0ff
RGBrgb(193, 112, 240)
CMYK[0.2,0.53,0,0.06]
Name#c170f0
HCL[315.86,74.66,60.97]
oklab[0.69,0.13,-0.15]
Num12677360
HSI[278.72,0.38,0.71]
lab[60.97,53.57,-52]
Lighten
#e9ccfa
Darken
#9818e2
Saturate
#c561ff
Desaturate
#bd80e0
Greyscale
#b0b0b0
Brighten
#f4a3ff

Color harmonies of #c170f0

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.
#c170f0
#f0c170
#70f0c1

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.
#c170f0
#f08170
#9ff070
#70dff0

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.
#c170f0
#160d1b
#382146
#5a3470
#7d489b
#9f5cc5

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.
#c170f0
#8e70f0
#a770f0
#c170f0
#db70f0
#f070ec

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#c170f0
#f07085
#70f08e

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
#fbf5fe
#f6ebfd
#f2e0fc
#edd6fb
#e9ccfa
#e4c2f9
#e0b8f8
#dcadf6
#d7a3f5
#d399f4
#ce8ff3
#ca84f2
#c57af1
#c170f0

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0e0811
#1c1022
#291833
#372045
#452856
#533067
#613878
#6e4089
#7c489a
#8a50ab
#9858bd
#a560ce
#b368df
#c170f0

Contrast Checker

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

3.069 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.843 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 #c170f0

Some examples of color palettes with #c170f0. View more

Use #c170f0 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet