#af865a hex color

In a RGB color space, hex #af865a is composed of 68.6% red, 52.5% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.4% magenta, 48.6% yellow and 31.4% black. It has a hue angle of 31.1 degrees, a saturation of 34.7% and a lightness of 52%. #af865a color hex could be obtained by blending #ffffb4 with #5f0d00. Closest websafe color is: #999966.

♥
- f
- t
- g
- R 69
- G 53
- B 35
RGB color chart
- C 0
- M 23
- Y 49
- K 31
CMYK color chart

● #af865a color description : Dark moderate orange.

The hexadecimal color #af865a has RGB values of R:175, G:134, B:90 and CMYK values of C:0, M:0.23, Y:0.49, K:0.31. Its decimal value is 11503194.

Hex triplet	af865a	`#af865a`
RGB Decimal	175, 134, 90	`rgb(175,134,90)`
RGB Percent	68.6, 52.5, 35.3	`rgb(68.6%,52.5%,35.3%)`
CMYK	0, 23, 49, 31
HSL	31.1°, 34.7, 52	`hsl(31.1,34.7%,52%)`
HSV (or HSB)	31.1°, 48.6, 68.6
Web Safe	999966	`#999966`

CIE-LAB	58.885, 10.11, 29.66
XYZ	28.05, 26.904, 13.388
xyY	0.41, 0.394, 26.904
CIE-LCH	58.885, 31.336, 71.178
CIE-LUV	58.885, 30.611, 34.378
Hunter-Lab	51.869, 5.76, 21.005
Binary	10101111, 10000110, 01011010

#af865a
```
#af865a rgb(175,134,90)
```
#5a83af
```
#5a83af rgb(90,131,175)
```

Complementary Color

#af5c5a
```
#af5c5a rgb(175,92,90)
```
#af865a
```
#af865a rgb(175,134,90)
```
#aeaf5a
```
#aeaf5a rgb(174,175,90)
```

Analogous Color

#5c5aaf
```
#5c5aaf rgb(92,90,175)
```
#af865a
```
#af865a rgb(175,134,90)
```
#5aaeaf
```
#5aaeaf rgb(90,174,175)
```

Split Complementary Color

#865aaf
```
#865aaf rgb(134,90,175)
```
#af865a
```
#af865a rgb(175,134,90)
```
#5aaf86
```
#5aaf86 rgb(90,175,134)
```

Triadic Color

#af5a83
```
#af5a83 rgb(175,90,131)
```
#af865a
```
#af865a rgb(175,134,90)
```
#5aaf86
```
#5aaf86 rgb(90,175,134)
```
#5a83af
```
#5a83af rgb(90,131,175)
```

Tetradic Color

#7f5f3e
```
#7f5f3e rgb(127,95,62)
```
#906c46
```
#906c46 rgb(144,108,70)
```
#a1794e
```
#a1794e rgb(161,121,78)
```
#af865a
```
#af865a rgb(175,134,90)
```
#b7936b
```
#b7936b rgb(183,147,107)
```
#c09f7c
```
#c09f7c rgb(192,159,124)
```
#c8ac8e
```
#c8ac8e rgb(200,172,142)
```

Monochromatic Color

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

#af715a
```
#af715a rgb(175,113,90)
```
#af785a
```
#af785a rgb(175,120,90)
```
#af7f5a
```
#af7f5a rgb(175,127,90)
```
#af865a
```
#af865a rgb(175,134,90)
```
#af8d5a
```
#af8d5a rgb(175,141,90)
```
#af945a
```
#af945a rgb(175,148,90)
```
#af9b5a
```
#af9b5a rgb(175,155,90)
```

Similar Colors

Text with hexadecimal color #af865a

This text has a font color of #af865a.

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

#af865a background color

This paragraph has a background color of #af865a.

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

#af865a border color

This element has a border color of #af865a.

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

CSS codes

.text {color:#af865a;}

.background {background-color:#af865a;}

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

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, #070503 is the darkest color, while #fcfaf9 is the lightest one.

#070503
```
#070503 rgb(7,5,3)
```
#140f0a
```
#140f0a rgb(20,15,10)
```
#211910
```
#211910 rgb(33,25,16)
```
#2e2316
```
#2e2316 rgb(46,35,22)
```
#3c2d1d
```
#3c2d1d rgb(60,45,29)
```
#493723
```
#493723 rgb(73,55,35)
```
#56412a
```
#56412a rgb(86,65,42)
```
#634b30
```
#634b30 rgb(99,75,48)
```
#705437
```
#705437 rgb(112,84,55)
```
#7e5e3d
```
#7e5e3d rgb(126,94,61)
```
#8b6843
```
#8b6843 rgb(139,104,67)
```
#98724a
```
#98724a rgb(152,114,74)
```
#a57c50
```
#a57c50 rgb(165,124,80)
```

Shade Color Variation

#af865a
```
#af865a rgb(175,134,90)
```
#b59067
```
#b59067 rgb(181,144,103)
```
#bc9974
```
#bc9974 rgb(188,153,116)
```
#c2a382
```
#c2a382 rgb(194,163,130)
```
#c9ad8f
```
#c9ad8f rgb(201,173,143)
```
#cfb69c
```
#cfb69c rgb(207,182,156)
```
#d5c0a9
```
#d5c0a9 rgb(213,192,169)
```
#dccab6
```
#dccab6 rgb(220,202,182)
```
#e2d4c4
```
#e2d4c4 rgb(226,212,196)
```
#e9ddd1
```
#e9ddd1 rgb(233,221,209)
```
#efe7de
```
#efe7de rgb(239,231,222)
```
#f5f1eb
```
#f5f1eb rgb(245,241,235)
```
#fcfaf9
```
#fcfaf9 rgb(252,250,249)
```

Tint Color Variation

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

#898580
```
#898580 rgb(137,133,128)
```
#938576
```
#938576 rgb(147,133,118)
```
#9c856d
```
#9c856d rgb(156,133,109)
```
#a68663
```
#a68663 rgb(166,134,99)
```
#af865a
```
#af865a rgb(175,134,90)
```
#b88651
```
#b88651 rgb(184,134,81)
```
#c28747
```
#c28747 rgb(194,135,71)
```
#cb873e
```
#cb873e rgb(203,135,62)
```
#d58734
```
#d58734 rgb(213,135,52)
```
#de882b
```
#de882b rgb(222,136,43)
```
#e88821
```
#e88821 rgb(232,136,33)
```
#f18818
```
#f18818 rgb(241,136,24)
```
#fa890f
```
#fa890f rgb(250,137,15)
```

Tone Color Variation

Below, you can see how #af865a 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

#8d8d8d Achromatopsia 0.005% of the population
#948c83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f9365 Protanopia 1% of men
#b08d62 Deuteranopia 1% of men
#b7868f Tritanopia 0.001% of the population

Trichromacy

#a58e61 Protanomaly 1% of men, 0.01% of women
#af8a5f Deuteranomaly 6% of men, 0.4% of women
#b4867c Tritanomaly 0.01% of the population

#af865a hex color

#af865a Color Information

#af865a Color Conversion

Color Schemes with #af865a

Alternatives to #af865a

#af865a Preview

Shades and Tints of #af865a

Tones of #af865a

Color Blindness Simulator