#af8f45 hex color

In a RGB color space, hex #af8f45 is composed of 68.6% red, 56.1% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.3% magenta, 60.6% yellow and 31.4% black. It has a hue angle of 41.9 degrees, a saturation of 43.4% and a lightness of 47.8%. #af8f45 color hex could be obtained by blending #ffff8a with #5f1f00. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 69
- G 56
- B 27
RGB color chart
- C 0
- M 18
- Y 61
- K 31
CMYK color chart

● #af8f45 color description : Dark moderate orange.

The hexadecimal color #af8f45 has RGB values of R:175, G:143, B:69 and CMYK values of C:0, M:0.18, Y:0.61, K:0.31. Its decimal value is 11505477.

Hex triplet	af8f45	`#af8f45`
RGB Decimal	175, 143, 69	`rgb(175,143,69)`
RGB Percent	68.6, 56.1, 27.1	`rgb(68.6%,56.1%,27.1%)`
CMYK	0, 18, 61, 31
HSL	41.9°, 43.4, 47.8	`hsl(41.9,43.4%,47.8%)`
HSV (or HSB)	41.9°, 60.6, 68.6
Web Safe	999933	`#999933`

CIE-LAB	60.949, 3.283, 43.166
XYZ	28.576, 29.19, 9.759
xyY	0.423, 0.432, 29.19
CIE-LCH	60.949, 43.291, 85.65
CIE-LUV	60.949, 25.951, 48.838
Hunter-Lab	54.028, -0.136, 27.11
Binary	10101111, 10001111, 01000101

#af8f45
```
#af8f45 rgb(175,143,69)
```
#4565af
```
#4565af rgb(69,101,175)
```

Complementary Color

#af5a45
```
#af5a45 rgb(175,90,69)
```
#af8f45
```
#af8f45 rgb(175,143,69)
```
#9aaf45
```
#9aaf45 rgb(154,175,69)
```

Analogous Color

#5a45af
```
#5a45af rgb(90,69,175)
```
#af8f45
```
#af8f45 rgb(175,143,69)
```
#459aaf
```
#459aaf rgb(69,154,175)
```

Split Complementary Color

#8f45af
```
#8f45af rgb(143,69,175)
```
#af8f45
```
#af8f45 rgb(175,143,69)
```
#45af8f
```
#45af8f rgb(69,175,143)
```

Triadic Color

#af4565
```
#af4565 rgb(175,69,101)
```
#af8f45
```
#af8f45 rgb(175,143,69)
```
#45af8f
```
#45af8f rgb(69,175,143)
```
#4565af
```
#4565af rgb(69,101,175)
```

Tetradic Color

#78622f
```
#78622f rgb(120,98,47)
```
#8a7137
```
#8a7137 rgb(138,113,55)
```
#9d803e
```
#9d803e rgb(157,128,62)
```
#af8f45
```
#af8f45 rgb(175,143,69)
```
#bb9b53
```
#bb9b53 rgb(187,155,83)
```
#c2a665
```
#c2a665 rgb(194,166,101)
```
#c9b177
```
#c9b177 rgb(201,177,119)
```

Monochromatic Color

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

#af7545
```
#af7545 rgb(175,117,69)
```
#af7d45
```
#af7d45 rgb(175,125,69)
```
#af8645
```
#af8645 rgb(175,134,69)
```
#af8f45
```
#af8f45 rgb(175,143,69)
```
#af9845
```
#af9845 rgb(175,152,69)
```
#afa145
```
#afa145 rgb(175,161,69)
```
#afaa45
```
#afaa45 rgb(175,170,69)
```

Similar Colors

Text with hexadecimal color #af8f45

This text has a font color of #af8f45.

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

#af8f45 background color

This paragraph has a background color of #af8f45.

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

#af8f45 border color

This element has a border color of #af8f45.

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

CSS codes

.text {color:#af8f45;}

.background {background-color:#af8f45;}

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

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

#060502
```
#060502 rgb(6,5,2)
```
#141108
```
#141108 rgb(20,17,8)
```
#221c0e
```
#221c0e rgb(34,28,14)
```
#302813
```
#302813 rgb(48,40,19)
```
#3e3319
```
#3e3319 rgb(62,51,25)
```
#4d3f1e
```
#4d3f1e rgb(77,63,30)
```
#5b4a24
```
#5b4a24 rgb(91,74,36)
```
#695629
```
#695629 rgb(105,86,41)
```
#77612f
```
#77612f rgb(119,97,47)
```
#856d34
```
#856d34 rgb(133,109,52)
```
#93783a
```
#93783a rgb(147,120,58)
```
#a1843f
```
#a1843f rgb(161,132,63)
```
#af8f45
```
#af8f45 rgb(175,143,69)
```

Shade Color Variation

#b9994e
```
#b9994e rgb(185,153,78)
```
#bfa15c
```
#bfa15c rgb(191,161,92)
```
#c4a96a
```
#c4a96a rgb(196,169,106)
```
#cab178
```
#cab178 rgb(202,177,120)
```
#d0b987
```
#d0b987 rgb(208,185,135)
```
#d5c295
```
#d5c295 rgb(213,194,149)
```
#dbcaa3
```
#dbcaa3 rgb(219,202,163)
```
#e0d2b1
```
#e0d2b1 rgb(224,210,177)
```
#e6dabf
```
#e6dabf rgb(230,218,191)
```
#ebe2cd
```
#ebe2cd rgb(235,226,205)
```
#f1eadb
```
#f1eadb rgb(241,234,219)
```
#f6f2e9
```
#f6f2e9 rgb(246,242,233)
```
#fcfaf7
```
#fcfaf7 rgb(252,250,247)
```

Tint Color Variation

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

#807c74
```
#807c74 rgb(128,124,116)
```
#89806b
```
#89806b rgb(137,128,107)
```
#938461
```
#938461 rgb(147,132,97)
```
#9c8858
```
#9c8858 rgb(156,136,88)
```
#a68b4e
```
#a68b4e rgb(166,139,78)
```
#af8f45
```
#af8f45 rgb(175,143,69)
```
#b8933c
```
#b8933c rgb(184,147,60)
```
#c29632
```
#c29632 rgb(194,150,50)
```
#cb9a29
```
#cb9a29 rgb(203,154,41)
```
#d59e1f
```
#d59e1f rgb(213,158,31)
```
#dea216
```
#dea216 rgb(222,162,22)
```
#e7a50d
```
#e7a50d rgb(231,165,13)
```
#f1a903
```
#f1a903 rgb(241,169,3)
```

Tone Color Variation

Below, you can see how #af8f45 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
#969081 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8984f Protanopia 1% of men
#ba914f Deuteranopia 1% of men
#b98c96 Tritanopia 0.001% of the population

Trichromacy

#aa954b Protanomaly 1% of men, 0.01% of women
#b6904b Deuteranomaly 6% of men, 0.4% of women
#b58d78 Tritanomaly 0.01% of the population

#af8f45 hex color

#af8f45 Color Information

#af8f45 Color Conversion

Color Schemes with #af8f45

Alternatives to #af8f45

#af8f45 Preview

Shades and Tints of #af8f45

Tones of #af8f45

Color Blindness Simulator