Color picker

#af8ca9

Conversion

HEX#af8ca9
HEX8#af8ca9ff
RGBrgb(175, 140, 169)
CMYK[0,0.2,0.03,0.31]
Name#af8ca9
HCL[330.77,20.93,62.28]
oklab[0.68,0.05,-0.03]
Num11504809
HSI[309.22,0.13,0.63]
lab[62.28,18.26,-10.22]
Lighten
#d9c8d6
Darken
#7e5777
Saturate
#c278b6
Desaturate
#9d9d9d
Greyscale
#9d9d9d
Brighten
#e2bfdc

Color harmonies of #af8ca9

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.
#af8ca9
#a9af8c
#8ca9af

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.
#af8ca9
#afa38c
#8caf92
#8c97af

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.
#af8ca9
#d9aed2
#050405
#2f262e
#5a4857
#846a80

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.
#af8ca9
#a78caf
#ae8caf
#af8ca9
#af8ca2
#af8c9b

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#af8ca9
#af998c
#8cafa7

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
#f9f7f9
#f4eff3
#eee6ed
#e8dee6
#e2d6e0
#ddceda
#d7c6d4
#d1bdce
#ccb5c8
#c6adc2
#c0a5bb
#ba9cb5
#b594af
#af8ca9

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0d0a0c
#191418
#261e24
#322830
#3f323c
#4b3c48
#584655
#645061
#715a6d
#7d6479
#8a6e85
#967891
#a3829d
#af8ca9

Contrast Checker

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

2.938 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.147 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 #af8ca9

Some examples of color palettes with #af8ca9. View more

Use #af8ca9 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet