Color picker

#af96ac

Conversion

HEX#af96ac
HEX8#af96acff
RGBrgb(175, 150, 172)
CMYK[0,0.14,0.02,0.31]
Name#af96ac
HCL[328.71,15.46,64.89]
oklab[0.7,0.04,-0.02]
Num11507372
HSI[306.31,0.09,0.65]
lab[64.89,13.21,-8.03]
Lighten
#dbd0da
Darken
#7f607b
Saturate
#c183ba
Desaturate
#a2a2a2
Greyscale
#a2a2a2
Brighten
#e2c9df

Color harmonies of #af96ac

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.
#af96ac
#acaf96
#96acaf

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.
#af96ac
#afa596
#96af99
#969faf

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.
#af96ac
#d9bad6
#050405
#2f292f
#5a4d58
#847282

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.
#af96ac
#a896af
#ad96af
#af96ac
#af96a7
#af96a2

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#af96ac
#af9e96
#96afa8

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
#f9f8f9
#f4f0f3
#eee9ed
#e8e1e7
#e2dae1
#ddd2db
#d7cbd6
#d1c3d0
#ccbcca
#c6b4c4
#c0adbe
#baa5b8
#b59eb2
#af96ac

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0d0b0c
#191519
#262025
#322b31
#3f363d
#4b404a
#584b56
#645662
#71606f
#7d6b7b
#8a7687
#968193
#a38ba0
#af96ac

Contrast Checker

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

2.699 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.781 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 #af96ac

Some examples of color palettes with #af96ac. View more

Use #af96ac in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet