Color picker

#ca99ed

Conversion

HEX#ca99ed
HEX8#ca99edff
RGBrgb(202, 153, 237)
CMYK[0.15,0.35,0,0.07]
Name#ca99ed
HCL[313.54,48.74,70.49]
oklab[0.76,0.08,-0.1]
Num13277677
HSI[275.5,0.22,0.77]
lab[70.49,33.57,-35.33]
Lighten
#f7f0fc
Darken
#9d42de
Saturate
#cc8df9
Desaturate
#c8a5e1
Greyscale
#c3c3c3
Brighten
#fdccff

Color harmonies of #ca99ed

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.
#ca99ed
#edca99
#99edca

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.
#ca99ed
#eda099
#bced99
#99e6ed

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.
#ca99ed
#151018
#392b43
#5d476d
#826298
#a67ec2

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.
#ca99ed
#a899ed
#b999ed
#ca99ed
#db99ed
#ec99ed

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#ca99ed
#ed99ab
#99eda8

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
#fbf8fe
#f7f0fc
#f4e9fb
#f0e2fa
#ecdbf9
#e8d3f7
#e5ccf6
#e1c5f5
#ddbdf3
#d9b6f2
#d5aff1
#d2a8f0
#cea0ee
#ca99ed

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0e0b11
#1d1622
#2b2133
#3a2c44
#483755
#574266
#654d77
#735787
#826298
#906da9
#9f78ba
#ad83cb
#bc8edc
#ca99ed

Contrast Checker

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

2.26 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!
9.291 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 #ca99ed

Some examples of color palettes with #ca99ed. View more

Use #ca99ed in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet