Color picker

#c682f0

Conversion

HEX#c682f0
HEX8#c682f0ff
RGBrgb(198, 130, 240)
CMYK[0.17,0.46,0,0.06]
Name#c682f0
HCL[315.11,64.22,65.17]
oklab[0.72,0.11,-0.13]
Num13009648
HSI[277.77,0.31,0.74]
lab[65.17,45.5,-45.32]
Lighten
#f0ddfb
Darken
#9c27e5
Saturate
#c974fe
Desaturate
#c390e2
Greyscale
#b9b9b9
Brighten
#f9b5ff

Color harmonies of #c682f0

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.
#c682f0
#f0c682
#82f0c6

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.
#c682f0
#f08f82
#acf082
#82e3f0

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.
#c682f0
#170f1b
#3a2646
#5d3d70
#80549b
#a36bc5

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.
#c682f0
#9a82f0
#b082f0
#c682f0
#dc82f0
#f082ee

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#c682f0
#f08296
#82f09a

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
#fbf6fe
#f7edfd
#f3e4fc
#efdbfb
#ebd2fa
#e7c9f9
#e3c1f8
#deb8f6
#daaff5
#d6a6f4
#d29df3
#ce94f2
#ca8bf1
#c682f0

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0e0911
#1c1322
#2a1c33
#392545
#472e56
#553867
#634178
#714a89
#7f549a
#8d5dab
#9c66bd
#aa6fce
#b879df
#c682f0

Contrast Checker

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

2.674 Very 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!
7.852 Very 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 #c682f0

Some examples of color palettes with #c682f0. View more

Use #c682f0 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet