Color picker

#af5942

Conversion

HEX#af5942
HEX8#af5942ff
RGBrgb(175, 89, 66)
CMYK[0,0.49,0.62,0.31]
Name#af5942
HCL[41.48,44.05,47.82]
oklab[0.56,0.1,0.07]
Num11491650
HSI[11.55,0.4,0.43]
lab[47.82,33,29.17]
Lighten
#d19686
Darken
#653326
Saturate
#c74b2a
Desaturate
#97675a
Greyscale
#787878
Brighten
#e28c75

Color harmonies of #af5942

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.
#af5942
#42af59
#5942af

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.
#af5942
#61af42
#4298af
#8f42af

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.
#af5942
#d96f52
#050302
#2f1812
#5a2e22
#844332

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.
#af5942
#af4257
#af4342
#af5942
#af6f42
#af8542

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#af5942
#82af42
#4257af

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
#f9f3f2
#f4e7e4
#eedbd7
#e8d0c9
#e2c4bc
#ddb8ae
#d7aca1
#d1a093
#cc9486
#c68878
#c07d6b
#ba715d
#b56550
#af5942

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0d0605
#190d09
#26130e
#321913
#3f2018
#4b261c
#582d21
#643326
#71392a
#7d402f
#8a4634
#964c39
#a3533d
#af5942

Contrast Checker

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

4.849 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!
4.33 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!

Color Palettes #af5942

Some examples of color palettes with #af5942. View more

Use #af5942 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet