#af8544 hex color

In a RGB color space, hex #af8544 is composed of 68.6% red, 52.2% green and 26.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24% magenta, 61.1% yellow and 31.4% black. It has a hue angle of 36.4 degrees, a saturation of 44% and a lightness of 47.6%. #af8544 color hex could be obtained by blending #ffff88 with #5f0b00. Closest websafe color is: #999933.

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

● #af8544 color description : Dark moderate orange.

The hexadecimal color #af8544 has RGB values of R:175, G:133, B:68 and CMYK values of C:0, M:0.24, Y:0.61, K:0.31. Its decimal value is 11502916.

Hex triplet	af8544	`#af8544`
RGB Decimal	175, 133, 68	`rgb(175,133,68)`
RGB Percent	68.6, 52.2, 26.7	`rgb(68.6%,52.2%,26.7%)`
CMYK	0, 24, 61, 31
HSL	36.4°, 44, 47.6	`hsl(36.4,44%,47.6%)`
HSV (or HSB)	36.4°, 61.1, 68.6
Web Safe	999933	`#999933`

CIE-LAB	58.328, 8.752, 40.65
XYZ	27.11, 26.308, 9.119
xyY	0.434, 0.421, 26.308
CIE-LCH	58.328, 41.581, 77.849
CIE-LUV	58.328, 33.087, 44.657
Hunter-Lab	51.291, 4.589, 25.363
Binary	10101111, 10000101, 01000100

#af8544
```
#af8544 rgb(175,133,68)
```
#446eaf
```
#446eaf rgb(68,110,175)
```

Complementary Color

#af5044
```
#af5044 rgb(175,80,68)
```
#af8544
```
#af8544 rgb(175,133,68)
```
#a4af44
```
#a4af44 rgb(164,175,68)
```

Analogous Color

#5044af
```
#5044af rgb(80,68,175)
```
#af8544
```
#af8544 rgb(175,133,68)
```
#44a4af
```
#44a4af rgb(68,164,175)
```

Split Complementary Color

#8544af
```
#8544af rgb(133,68,175)
```
#af8544
```
#af8544 rgb(175,133,68)
```
#44af85
```
#44af85 rgb(68,175,133)
```

Triadic Color

#af446e
```
#af446e rgb(175,68,110)
```
#af8544
```
#af8544 rgb(175,133,68)
```
#44af85
```
#44af85 rgb(68,175,133)
```
#446eaf
```
#446eaf rgb(68,110,175)
```

Tetradic Color

#785b2f
```
#785b2f rgb(120,91,47)
```
#8a6936
```
#8a6936 rgb(138,105,54)
```
#9d773d
```
#9d773d rgb(157,119,61)
```
#af8544
```
#af8544 rgb(175,133,68)
```
#bb9251
```
#bb9251 rgb(187,146,81)
```
#c39d63
```
#c39d63 rgb(195,157,99)
```
#caa976
```
#caa976 rgb(202,169,118)
```

Monochromatic Color

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

#af6a44
```
#af6a44 rgb(175,106,68)
```
#af7344
```
#af7344 rgb(175,115,68)
```
#af7c44
```
#af7c44 rgb(175,124,68)
```
#af8544
```
#af8544 rgb(175,133,68)
```
#af8e44
```
#af8e44 rgb(175,142,68)
```
#af9744
```
#af9744 rgb(175,151,68)
```
#afa044
```
#afa044 rgb(175,160,68)
```

Similar Colors

Text with hexadecimal color #af8544

This text has a font color of #af8544.

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

#af8544 background color

This paragraph has a background color of #af8544.

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

#af8544 border color

This element has a border color of #af8544.

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

CSS codes

.text {color:#af8544;}

.background {background-color:#af8544;}

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

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

#050402
```
#050402 rgb(5,4,2)
```
#140f08
```
#140f08 rgb(20,15,8)
```
#221a0d
```
#221a0d rgb(34,26,13)
```
#302413
```
#302413 rgb(48,36,19)
```
#3e2f18
```
#3e2f18 rgb(62,47,24)
```
#4c3a1e
```
#4c3a1e rgb(76,58,30)
```
#5a4523
```
#5a4523 rgb(90,69,35)
```
#684f29
```
#684f29 rgb(104,79,41)
```
#765a2e
```
#765a2e rgb(118,90,46)
```
#856534
```
#856534 rgb(133,101,52)
```
#937039
```
#937039 rgb(147,112,57)
```
#a17a3f
```
#a17a3f rgb(161,122,63)
```
#af8544
```
#af8544 rgb(175,133,68)
```

Shade Color Variation

#ba8f4d
```
#ba8f4d rgb(186,143,77)
```
#bf985b
```
#bf985b rgb(191,152,91)
```
#c5a169
```
#c5a169 rgb(197,161,105)
```
#caaa77
```
#caaa77 rgb(202,170,119)
```
#d0b385
```
#d0b385 rgb(208,179,133)
```
#d5bb93
```
#d5bb93 rgb(213,187,147)
```
#dbc4a2
```
#dbc4a2 rgb(219,196,162)
```
#e0cdb0
```
#e0cdb0 rgb(224,205,176)
```
#e6d6be
```
#e6d6be rgb(230,214,190)
```
#ebdfcc
```
#ebdfcc rgb(235,223,204)
```
#f1e8da
```
#f1e8da rgb(241,232,218)
```
#f6f1e8
```
#f6f1e8 rgb(246,241,232)
```
#fcfaf6
```
#fcfaf6 rgb(252,250,246)
```

Tint Color Variation

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

#807b73
```
#807b73 rgb(128,123,115)
```
#8a7d69
```
#8a7d69 rgb(138,125,105)
```
#937f60
```
#937f60 rgb(147,127,96)
```
#9c8157
```
#9c8157 rgb(156,129,87)
```
#a6834d
```
#a6834d rgb(166,131,77)
```
#af8544
```
#af8544 rgb(175,133,68)
```
#b8873b
```
#b8873b rgb(184,135,59)
```
#c28931
```
#c28931 rgb(194,137,49)
```
#cb8b28
```
#cb8b28 rgb(203,139,40)
```
#d48d1f
```
#d48d1f rgb(212,141,31)
```
#de8f15
```
#de8f15 rgb(222,143,21)
```
#e7910c
```
#e7910c rgb(231,145,12)
```
#f09303
```
#f09303 rgb(240,147,3)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#91897c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0924f Protanopia 1% of men
#b28b4d Deuteranopia 1% of men
#b8848d Tritanopia 0.001% of the population

Trichromacy

#a58d4b Protanomaly 1% of men, 0.01% of women
#b1894a Deuteranomaly 6% of men, 0.4% of women
#b58472 Tritanomaly 0.01% of the population

#af8544 hex color

#af8544 Color Information

#af8544 Color Conversion

Color Schemes with #af8544

Alternatives to #af8544

#af8544 Preview

Shades and Tints of #af8544

Tones of #af8544

Color Blindness Simulator