colorhexa.com

#af8e45 hex color

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

- R 69
- G 56
- B 27
RGB color chart
- C 0
- M 19
- Y 61
- K 31
CMYK color chart

● #af8e45 color description : Dark moderate orange.

The hexadecimal color #af8e45 has RGB values of R:175, G:142, B:69 and CMYK values of C:0, M:0.19, Y:0.61, K:0.31. Its decimal value is 11505221.

Hex triplet	af8e45	`#af8e45`
RGB Decimal	175, 142, 69	`rgb(175,142,69)`
RGB Percent	68.6, 55.7, 27.1	`rgb(68.6%,55.7%,27.1%)`
CMYK	0, 19, 61, 31
HSL	41.3°, 43.4, 47.8	`hsl(41.3,43.4%,47.8%)`
HSV (or HSB)	41.3°, 60.6, 68.6
Web Safe	999933	`#999933`

CIE-LAB	60.685, 3.834, 42.864
XYZ	28.427, 28.891, 9.709
xyY	0.424, 0.431, 28.891
CIE-LCH	60.685, 43.035, 84.888
CIE-LUV	60.685, 26.65, 48.377
Hunter-Lab	53.75, 0.34, 26.915
Binary	10101111, 10001110, 01000101

#af8e45
```
#af8e45 rgb(175,142,69)
```
#4566af
```
#4566af rgb(69,102,175)
```

Complementary Color

#af5945
```
#af5945 rgb(175,89,69)
```
#af8e45
```
#af8e45 rgb(175,142,69)
```
#9baf45
```
#9baf45 rgb(155,175,69)
```

Analogous Color

#5945af
```
#5945af rgb(89,69,175)
```
#af8e45
```
#af8e45 rgb(175,142,69)
```
#459baf
```
#459baf rgb(69,155,175)
```

Split Complementary Color

#8e45af
```
#8e45af rgb(142,69,175)
```
#af8e45
```
#af8e45 rgb(175,142,69)
```
#45af8e
```
#45af8e rgb(69,175,142)
```

Triadic Color

#af4566
```
#af4566 rgb(175,69,102)
```
#af8e45
```
#af8e45 rgb(175,142,69)
```
#45af8e
```
#45af8e rgb(69,175,142)
```
#4566af
```
#4566af rgb(69,102,175)
```

Tetradic Color

#78612f
```
#78612f rgb(120,97,47)
```
#8a7037
```
#8a7037 rgb(138,112,55)
```
#9d7f3e
```
#9d7f3e rgb(157,127,62)
```
#af8e45
```
#af8e45 rgb(175,142,69)
```
#bb9a53
```
#bb9a53 rgb(187,154,83)
```
#c2a565
```
#c2a565 rgb(194,165,101)
```
#c9b077
```
#c9b077 rgb(201,176,119)
```

Monochromatic Color

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

#af7445
```
#af7445 rgb(175,116,69)
```
#af7c45
```
#af7c45 rgb(175,124,69)
```
#af8545
```
#af8545 rgb(175,133,69)
```
#af8e45
```
#af8e45 rgb(175,142,69)
```
#af9745
```
#af9745 rgb(175,151,69)
```
#afa045
```
#afa045 rgb(175,160,69)
```
#afa945
```
#afa945 rgb(175,169,69)
```

Similar Colors

Text with hexadecimal color #af8e45

This text has a font color of #af8e45.

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

#af8e45 background color

This paragraph has a background color of #af8e45.

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

#af8e45 border color

This element has a border color of #af8e45.

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

CSS codes

.text {color:#af8e45;}

.background {background-color:#af8e45;}

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

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)
```
#141008
```
#141008 rgb(20,16,8)
```
#221c0e
```
#221c0e rgb(34,28,14)
```
#302713
```
#302713 rgb(48,39,19)
```
#3e3319
```
#3e3319 rgb(62,51,25)
```
#4d3e1e
```
#4d3e1e rgb(77,62,30)
```
#5b4a24
```
#5b4a24 rgb(91,74,36)
```
#695529
```
#695529 rgb(105,85,41)
```
#77602f
```
#77602f rgb(119,96,47)
```
#856c34
```
#856c34 rgb(133,108,52)
```
#93773a
```
#93773a rgb(147,119,58)
```
#a1833f
```
#a1833f rgb(161,131,63)
```
#af8e45
```
#af8e45 rgb(175,142,69)
```

Shade Color Variation

#b9984e
```
#b9984e rgb(185,152,78)
```
#bfa05c
```
#bfa05c rgb(191,160,92)
```
#c4a86a
```
#c4a86a rgb(196,168,106)
```
#cab178
```
#cab178 rgb(202,177,120)
```
#d0b987
```
#d0b987 rgb(208,185,135)
```
#d5c195
```
#d5c195 rgb(213,193,149)
```
#dbc9a3
```
#dbc9a3 rgb(219,201,163)
```
#e0d1b1
```
#e0d1b1 rgb(224,209,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 #f1a703 is the most saturated one.

#807c74
```
#807c74 rgb(128,124,116)
```
#89806b
```
#89806b rgb(137,128,107)
```
#938361
```
#938361 rgb(147,131,97)
```
#9c8758
```
#9c8758 rgb(156,135,88)
```
#a68a4e
```
#a68a4e rgb(166,138,78)
```
#af8e45
```
#af8e45 rgb(175,142,69)
```
#b8923c
```
#b8923c rgb(184,146,60)
```
#c29532
```
#c29532 rgb(194,149,50)
```
#cb9929
```
#cb9929 rgb(203,153,41)
```
#d59c1f
```
#d59c1f rgb(213,156,31)
```
#dea016
```
#dea016 rgb(222,160,22)
```
#e7a30d
```
#e7a30d rgb(231,163,13)
```
#f1a703
```
#f1a703 rgb(241,167,3)
```

Tone Color Variation

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

#a79850 Protanopia 1% of men
#b9914f Deuteranopia 1% of men
#b98b95 Tritanopia 0.001% of the population

Trichromacy

#aa944c Protanomaly 1% of men, 0.01% of women
#b5904b Deuteranomaly 6% of men, 0.4% of women
#b58c78 Tritanomaly 0.01% of the population