Color picker

#af7fe0

Conversion

HEX#af7fe0
HEX8#af7fe0ff
RGBrgb(175, 127, 224)
CMYK[0.22,0.43,0,0.12]
Name#af7fe0
HCL[311.1,56.52,61.37]
oklab[0.68,0.09,-0.12]
Num11501536
HSI[269.66,0.28,0.69]
lab[61.37,37.15,-42.59]
Lighten
#e2d1f4
Darken
#7c31c8
Saturate
#af6ff0
Desaturate
#af8fd0
Greyscale
#afafaf
Brighten
#e2b2ff

Color harmonies of #af7fe0

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.
#af7fe0
#e0af7f
#7fe0af

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.
#af7fe0
#e07f7f
#b0e07f
#7fe0df

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.
#af7fe0
#09070b
#2a1f36
#4b3760
#6d4f8b
#8e67b5

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.
#af7fe0
#887fe0
#9c7fe0
#af7fe0
#c27fe0
#d67fe0

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#af7fe0
#e07f9d
#7fe088

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
#f9f6fd
#f4edfb
#eee4f8
#e8daf6
#e2d1f4
#ddc8f2
#d7bff0
#d1b6ed
#ccadeb
#c6a4e9
#c09ae7
#ba91e4
#b588e2
#af7fe0

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0d0910
#191220
#261b30
#322440
#3f2d50
#4b3660
#584070
#644980
#715290
#7d5ba0
#8a64b0
#966dc0
#a376d0
#af7fe0

Contrast Checker

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

3.028 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.935 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 #af7fe0

Some examples of color palettes with #af7fe0. View more

Use #af7fe0 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet