#af8a60 hex color

In a RGB color space, hex #af8a60 is composed of 68.6% red, 54.1% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.1% magenta, 45.1% yellow and 31.4% black. It has a hue angle of 31.9 degrees, a saturation of 33.1% and a lightness of 53.1%. #af8a60 color hex could be obtained by blending #ffffc0 with #5f1500. Closest websafe color is: #999966.

♥
- f
- t
- g
- R 69
- G 54
- B 38
RGB color chart
- C 0
- M 21
- Y 45
- K 31
CMYK color chart

● #af8a60 color description : Dark moderate orange.

The hexadecimal color #af8a60 has RGB values of R:175, G:138, B:96 and CMYK values of C:0, M:0.21, Y:0.45, K:0.31. Its decimal value is 11504224.

Hex triplet	af8a60	`#af8a60`
RGB Decimal	175, 138, 96	`rgb(175,138,96)`
RGB Percent	68.6, 54.1, 37.6	`rgb(68.6%,54.1%,37.6%)`
CMYK	0, 21, 45, 31
HSL	31.9°, 33.1, 53.1	`hsl(31.9,33.1%,53.1%)`
HSV (or HSB)	31.9°, 45.1, 68.6
Web Safe	999966	`#999966`

CIE-LAB	60.012, 8.501, 27.818
XYZ	28.879, 28.137, 14.975
xyY	0.401, 0.391, 28.137
CIE-LCH	60.012, 29.088, 73.007
CIE-LUV	60.012, 27.402, 33.045
Hunter-Lab	53.044, 4.355, 20.392
Binary	10101111, 10001010, 01100000

#af8a60
```
#af8a60 rgb(175,138,96)
```
#6085af
```
#6085af rgb(96,133,175)
```

Complementary Color

#af6360
```
#af6360 rgb(175,99,96)
```
#af8a60
```
#af8a60 rgb(175,138,96)
```
#adaf60
```
#adaf60 rgb(173,175,96)
```

Analogous Color

#6360af
```
#6360af rgb(99,96,175)
```
#af8a60
```
#af8a60 rgb(175,138,96)
```
#60adaf
```
#60adaf rgb(96,173,175)
```

Split Complementary Color

#8a60af
```
#8a60af rgb(138,96,175)
```
#af8a60
```
#af8a60 rgb(175,138,96)
```
#60af8a
```
#60af8a rgb(96,175,138)
```

Triadic Color

#af6085
```
#af6085 rgb(175,96,133)
```
#af8a60
```
#af8a60 rgb(175,138,96)
```
#60af8a
```
#60af8a rgb(96,175,138)
```
#6085af
```
#6085af rgb(96,133,175)
```

Tetradic Color

#816341
```
#816341 rgb(129,99,65)
```
#92704a
```
#92704a rgb(146,112,74)
```
#a37d52
```
#a37d52 rgb(163,125,82)
```
#af8a60
```
#af8a60 rgb(175,138,96)
```
#b89671
```
#b89671 rgb(184,150,113)
```
#c0a382
```
#c0a382 rgb(192,163,130)
```
#c9af93
```
#c9af93 rgb(201,175,147)
```

Monochromatic Color

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

#af7660
```
#af7660 rgb(175,118,96)
```
#af7d60
```
#af7d60 rgb(175,125,96)
```
#af8360
```
#af8360 rgb(175,131,96)
```
#af8a60
```
#af8a60 rgb(175,138,96)
```
#af9160
```
#af9160 rgb(175,145,96)
```
#af9760
```
#af9760 rgb(175,151,96)
```
#af9e60
```
#af9e60 rgb(175,158,96)
```

Similar Colors

Text with hexadecimal color #af8a60

This text has a font color of #af8a60.

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

#af8a60 background color

This paragraph has a background color of #af8a60.

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

#af8a60 border color

This element has a border color of #af8a60.

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

CSS codes

.text {color:#af8a60;}

.background {background-color:#af8a60;}

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

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, #0b0805 is the darkest color, while #fefdfd is the lightest one.

#0b0805
```
#0b0805 rgb(11,8,5)
```
#18120c
```
#18120c rgb(24,18,12)
```
#251c12
```
#251c12 rgb(37,28,18)
```
#322619
```
#322619 rgb(50,38,25)
```
#3f3020
```
#3f3020 rgb(63,48,32)
```
#4c3a26
```
#4c3a26 rgb(76,58,38)
```
#59442d
```
#59442d rgb(89,68,45)
```
#664e33
```
#664e33 rgb(102,78,51)
```
#73583a
```
#73583a rgb(115,88,58)
```
#806240
```
#806240 rgb(128,98,64)
```
#8d6c47
```
#8d6c47 rgb(141,108,71)
```
#9a764e
```
#9a764e rgb(154,118,78)
```
#a78054
```
#a78054 rgb(167,128,84)
```

Shade Color Variation

#af8a60
```
#af8a60 rgb(175,138,96)
```
#b6946d
```
#b6946d rgb(182,148,109)
```
#bc9d7a
```
#bc9d7a rgb(188,157,122)
```
#c3a787
```
#c3a787 rgb(195,167,135)
```
#c9b094
```
#c9b094 rgb(201,176,148)
```
#d0baa1
```
#d0baa1 rgb(208,186,161)
```
#d6c4ae
```
#d6c4ae rgb(214,196,174)
```
#ddcdbb
```
#ddcdbb rgb(221,205,187)
```
#e4d7c8
```
#e4d7c8 rgb(228,215,200)
```
#eae0d5
```
#eae0d5 rgb(234,224,213)
```
#f1eae2
```
#f1eae2 rgb(241,234,226)
```
#f7f4f0
```
#f7f4f0 rgb(247,244,240)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#8a8885
```
#8a8885 rgb(138,136,133)
```
#93887c
```
#93887c rgb(147,136,124)
```
#9d8972
```
#9d8972 rgb(157,137,114)
```
#a68969
```
#a68969 rgb(166,137,105)
```
#af8a60
```
#af8a60 rgb(175,138,96)
```
#b88b57
```
#b88b57 rgb(184,139,87)
```
#c18b4e
```
#c18b4e rgb(193,139,78)
```
#cb8c44
```
#cb8c44 rgb(203,140,68)
```
#d48c3b
```
#d48c3b rgb(212,140,59)
```
#dd8d32
```
#dd8d32 rgb(221,141,50)
```
#e68d29
```
#e68d29 rgb(230,141,41)
```
#ef8e20
```
#ef8e20 rgb(239,142,32)
```
#f98f16
```
#f98f16 rgb(249,143,22)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#968f86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2966a Protanopia 1% of men
#b29068 Deuteranopia 1% of men
#b78a93 Tritanopia 0.001% of the population

Trichromacy

#a69166 Protanomaly 1% of men, 0.01% of women
#b18d65 Deuteranomaly 6% of men, 0.4% of women
#b48a81 Tritanomaly 0.01% of the population

#af8a60 hex color

#af8a60 Color Information

#af8a60 Color Conversion

Color Schemes with #af8a60

Alternatives to #af8a60

#af8a60 Preview

Shades and Tints of #af8a60

Tones of #af8a60

Color Blindness Simulator