Color picker

#afb598

Conversion

HEX#afb598
HEX8#afb598ff
RGBrgb(175, 181, 152)
CMYK[0.03,0,0.16,0.29]
Name#afb598
HCL[117.19,15.84,72.51]
oklab[0.76,-0.02,0.04]
Num11515288
HSI[71.3,0.1,0.66]
lab[72.51,-7.24,14.09]
Lighten
#dde0d3
Darken
#7f8661
Saturate
#b9c786
Desaturate
#a6a6a6
Greyscale
#a6a6a6
Brighten
#e2e8cb

Color harmonies of #afb598

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.
#afb598
#98afb5
#b598af

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.
#afb598
#98b5ac
#9e98b5
#b598a0

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.
#afb598
#d8dfbc
#0b0b09
#34352d
#5d6051
#868a74

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.
#afb598
#b5af98
#b5b598
#afb598
#a9b598
#a3b598

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#afb598
#98b5a4
#af98b5

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
#f9faf8
#f4f4f0
#eeefe9
#e8eae2
#e2e5da
#dddfd3
#d7dacc
#d1d5c4
#cccfbd
#c6cab5
#c0c5ae
#bac0a7
#b5ba9f
#afb598

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0d0d0b
#191a16
#262721
#32342b
#3f4136
#4b4e41
#585b4c
#646757
#717462
#7d816d
#8a8e77
#969b82
#a3a88d
#afb598

Contrast Checker

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

2.124 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.886 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 #afb598

Some examples of color palettes with #afb598. View more

Use #afb598 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet