#af785f hex color

In a RGB color space, hex #af785f is composed of 68.6% red, 47.1% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.4% magenta, 45.7% yellow and 31.4% black. It has a hue angle of 18.8 degrees, a saturation of 33.3% and a lightness of 52.9%. #af785f color hex could be obtained by blending #fff0be with #5f0000. Closest websafe color is: #996666.

♥
- f
- t
- g
- R 69
- G 47
- B 37
RGB color chart
- C 0
- M 31
- Y 46
- K 31
CMYK color chart

● #af785f color description : Dark moderate orange.

The hexadecimal color #af785f has RGB values of R:175, G:120, B:95 and CMYK values of C:0, M:0.31, Y:0.46, K:0.31. Its decimal value is 11499615.

Hex triplet	af785f	`#af785f`
RGB Decimal	175, 120, 95	`rgb(175,120,95)`
RGB Percent	68.6, 47.1, 37.3	`rgb(68.6%,47.1%,37.3%)`
CMYK	0, 31, 46, 31
HSL	18.8°, 33.3, 52.9	`hsl(18.8,33.3%,52.9%)`
HSV (or HSB)	18.8°, 45.7, 68.6
Web Safe	996666	`#996666`

CIE-LAB	55.456, 18.484, 22.39
XYZ	26.461, 23.375, 13.944
xyY	0.415, 0.366, 23.375
CIE-LCH	55.456, 29.034, 50.459
CIE-LUV	55.456, 39.528, 24.402
Hunter-Lab	48.347, 13.089, 16.743
Binary	10101111, 01111000, 01011111

#af785f
```
#af785f rgb(175,120,95)
```
#5f96af
```
#5f96af rgb(95,150,175)
```

Complementary Color

#af5f6e
```
#af5f6e rgb(175,95,110)
```
#af785f
```
#af785f rgb(175,120,95)
```
#afa05f
```
#afa05f rgb(175,160,95)
```

Analogous Color

#5f6eaf
```
#5f6eaf rgb(95,110,175)
```
#af785f
```
#af785f rgb(175,120,95)
```
#5fafa0
```
#5fafa0 rgb(95,175,160)
```

Split Complementary Color

#785faf
```
#785faf rgb(120,95,175)
```
#af785f
```
#af785f rgb(175,120,95)
```
#5faf78
```
#5faf78 rgb(95,175,120)
```

Triadic Color

#af5f96
```
#af5f96 rgb(175,95,150)
```
#af785f
```
#af785f rgb(175,120,95)
```
#5faf78
```
#5faf78 rgb(95,175,120)
```
#5f96af
```
#5f96af rgb(95,150,175)
```

Tetradic Color

#815541
```
#815541 rgb(129,85,65)
```
#926049
```
#926049 rgb(146,96,73)
```
#a36b52
```
#a36b52 rgb(163,107,82)
```
#af785f
```
#af785f rgb(175,120,95)
```
#b88670
```
#b88670 rgb(184,134,112)
```
#c09581
```
#c09581 rgb(192,149,129)
```
#c9a392
```
#c9a392 rgb(201,163,146)
```

Monochromatic Color

Below, you can see some colors close to #af785f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#af645f
```
#af645f rgb(175,100,95)
```
#af6b5f
```
#af6b5f rgb(175,107,95)
```
#af715f
```
#af715f rgb(175,113,95)
```
#af785f
```
#af785f rgb(175,120,95)
```
#af7f5f
```
#af7f5f rgb(175,127,95)
```
#af855f
```
#af855f rgb(175,133,95)
```
#af8c5f
```
#af8c5f rgb(175,140,95)
```

Similar Colors

Text with hexadecimal color #af785f

This text has a font color of #af785f.

<span style="color:#af785f;">Text here</span>

#af785f background color

This paragraph has a background color of #af785f.

<p style="background-color:#af785f;">Content here</p>

#af785f border color

This element has a border color of #af785f.

<div style="border:1px solid #af785f;">Content here</div>

CSS codes

.text {color:#af785f;}

.background {background-color:#af785f;}

.border {border:1px solid #af785f;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #0a0705 is the darkest color, while #fdfcfc is the lightest one.

#0a0705
```
#0a0705 rgb(10,7,5)
```
#170f0c
```
#170f0c rgb(23,15,12)
```
#241812
```
#241812 rgb(36,24,18)
```
#312019
```
#312019 rgb(49,32,25)
```
#3e291f
```
#3e291f rgb(62,41,31)
```
#4b3126
```
#4b3126 rgb(75,49,38)
```
#583a2c
```
#583a2c rgb(88,58,44)
```
#664333
```
#664333 rgb(102,67,51)
```
#734b39
```
#734b39 rgb(115,75,57)
```
#805440
```
#805440 rgb(128,84,64)
```
#8d5c46
```
#8d5c46 rgb(141,92,70)
```
#9a654d
```
#9a654d rgb(154,101,77)
```
#a76e53
```
#a76e53 rgb(167,110,83)
```

Shade Color Variation

#af785f
```
#af785f rgb(175,120,95)
```
#b6836c
```
#b6836c rgb(182,131,108)
```
#bc8e79
```
#bc8e79 rgb(188,142,121)
```
#c39986
```
#c39986 rgb(195,153,134)
```
#c9a493
```
#c9a493 rgb(201,164,147)
```
#d0afa0
```
#d0afa0 rgb(208,175,160)
```
#d6baad
```
#d6baad rgb(214,186,173)
```
#ddc5bb
```
#ddc5bb rgb(221,197,187)
```
#e3d0c8
```
#e3d0c8 rgb(227,208,200)
```
#eadbd5
```
#eadbd5 rgb(234,219,213)
```
#f0e6e2
```
#f0e6e2 rgb(240,230,226)
```
#f7f1ef
```
#f7f1ef rgb(247,241,239)
```
#fdfcfc
```
#fdfcfc rgb(253,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a8684 is the less saturated color, while #f95c15 is the most saturated one.

#8a8684
```
#8a8684 rgb(138,134,132)
```
#93827b
```
#93827b rgb(147,130,123)
```
#9d7f71
```
#9d7f71 rgb(157,127,113)
```
#a67b68
```
#a67b68 rgb(166,123,104)
```
#af785f
```
#af785f rgb(175,120,95)
```
#b87556
```
#b87556 rgb(184,117,86)
```
#c1714d
```
#c1714d rgb(193,113,77)
```
#cb6e43
```
#cb6e43 rgb(203,110,67)
```
#d46a3a
```
#d46a3a rgb(212,106,58)
```
#dd6731
```
#dd6731 rgb(221,103,49)
```
#e66328
```
#e66328 rgb(230,99,40)
```
#f0601e
```
#f0601e rgb(240,96,30)
```
#f95c15
```
#f95c15 rgb(249,92,21)
```

Tone Color Variation

Below, you can see how #af785f is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#868686 Achromatopsia 0.005% of the population
#8e837e Atypical Achromatopsia 0.001% of the population

Dichromacy

#948a6c Protanopia 1% of men
#a48565 Deuteranopia 1% of men
#b57b83 Tritanopia 0.001% of the population

Trichromacy

#9e8467 Protanomaly 1% of men, 0.01% of women
#a88063 Deuteranomaly 6% of men, 0.4% of women
#b37976 Tritanomaly 0.01% of the population

#af785f hex color

#af785f Color Information

#af785f Color Conversion

Color Schemes with #af785f

Alternatives to #af785f

#af785f Preview

Shades and Tints of #af785f

Tones of #af785f

Color Blindness Simulator