Color picker

#afb1d1

Conversion

HEX#afb1d1
HEX8#afb1d1ff
RGBrgb(175, 177, 209)
CMYK[0.16,0.15,0,0.18]
Name#afb1d1
HCL[289.56,17.38,73]
oklab[0.77,0.01,-0.04]
Num11514321
HSI[237,0.06,0.73]
lab[73,5.82,-16.38]
Lighten
#f0f0f6
Darken
#6e72ac
Saturate
#a2a6de
Desaturate
#bcbcc4
Greyscale
#c0c0c0
Brighten
#e2e4ff

Color harmonies of #afb1d1

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.
#afb1d1
#d1afb1
#b1d1af

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.
#afb1d1
#d1afc2
#d1cfaf
#afd1be

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.
#afb1d1
#d3d5fb
#212127
#444551
#68697c
#8b8da6

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.
#afb1d1
#afbfd1
#afb8d1
#afb1d1
#b4afd1
#bbafd1

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#afb1d1
#d1afcc
#bfd1af

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
#f9f9fc
#f4f4f8
#eeeef5
#e8e9f2
#e2e3ef
#dddeeb
#d7d8e8
#d1d2e5
#cccde1
#c6c7de
#c0c2db
#babcd8
#b5b7d4
#afb1d1

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0d0d0f
#19191e
#26262d
#32333c
#3f3f4b
#4b4c5a
#585969
#646577
#717286
#7d7e95
#8a8ba4
#9698b3
#a3a4c2
#afb1d1

Contrast Checker

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

2.093 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!
10.032 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 #afb1d1

Some examples of color palettes with #afb1d1. View more

Use #afb1d1 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet