#af853a hex color

In a RGB color space, hex #af853a is composed of 68.6% red, 52.2% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24% magenta, 66.9% yellow and 31.4% black. It has a hue angle of 38.5 degrees, a saturation of 50.2% and a lightness of 45.7%. #af853a color hex could be obtained by blending #ffff74 with #5f0b00. Closest websafe color is: #999933.

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

● #af853a color description : Dark moderate orange.

The hexadecimal color #af853a has RGB values of R:175, G:133, B:58 and CMYK values of C:0, M:0.24, Y:0.67, K:0.31. Its decimal value is 11502906.

Hex triplet	af853a	`#af853a`
RGB Decimal	175, 133, 58	`rgb(175,133,58)`
RGB Percent	68.6, 52.2, 22.7	`rgb(68.6%,52.2%,22.7%)`
CMYK	0, 24, 67, 31
HSL	38.5°, 50.2, 45.7	`hsl(38.5,50.2%,45.7%)`
HSV (or HSB)	38.5°, 66.9, 68.6
Web Safe	999933	`#999933`

CIE-LAB	58.222, 8.071, 45.457
XYZ	26.831, 26.196, 7.646
xyY	0.442, 0.432, 26.196
CIE-LCH	58.222, 46.168, 79.931
CIE-LUV	58.222, 33.747, 48.602
Hunter-Lab	51.182, 4.006, 26.97
Binary	10101111, 10000101, 00111010

#af853a
```
#af853a rgb(175,133,58)
```
#3a64af
```
#3a64af rgb(58,100,175)
```

Complementary Color

#af4b3a
```
#af4b3a rgb(175,75,58)
```
#af853a
```
#af853a rgb(175,133,58)
```
#9faf3a
```
#9faf3a rgb(159,175,58)
```

Analogous Color

#4a3aaf
```
#4a3aaf rgb(74,58,175)
```
#af853a
```
#af853a rgb(175,133,58)
```
#3a9faf
```
#3a9faf rgb(58,159,175)
```

Split Complementary Color

#853aaf
```
#853aaf rgb(133,58,175)
```
#af853a
```
#af853a rgb(175,133,58)
```
#3aaf85
```
#3aaf85 rgb(58,175,133)
```

Triadic Color

#af3a64
```
#af3a64 rgb(175,58,100)
```
#af853a
```
#af853a rgb(175,133,58)
```
#3aaf85
```
#3aaf85 rgb(58,175,133)
```
#3a64af
```
#3a64af rgb(58,100,175)
```

Tetradic Color

#765927
```
#765927 rgb(118,89,39)
```
#89682d
```
#89682d rgb(137,104,45)
```
#9c7634
```
#9c7634 rgb(156,118,52)
```
#af853a
```
#af853a rgb(175,133,58)
```
#c09342
```
#c09342 rgb(192,147,66)
```
#c79e55
```
#c79e55 rgb(199,158,85)
```
#cda968
```
#cda968 rgb(205,169,104)
```

Monochromatic Color

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

#af683a
```
#af683a rgb(175,104,58)
```
#af723a
```
#af723a rgb(175,114,58)
```
#af7b3a
```
#af7b3a rgb(175,123,58)
```
#af853a
```
#af853a rgb(175,133,58)
```
#af8f3a
```
#af8f3a rgb(175,143,58)
```
#af993a
```
#af993a rgb(175,153,58)
```
#afa23a
```
#afa23a rgb(175,162,58)
```

Similar Colors

Text with hexadecimal color #af853a

This text has a font color of #af853a.

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

#af853a background color

This paragraph has a background color of #af853a.

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

#af853a border color

This element has a border color of #af853a.

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

CSS codes

.text {color:#af853a;}

.background {background-color:#af853a;}

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

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

#0d0a04
```
#0d0a04 rgb(13,10,4)
```
#1c1509
```
#1c1509 rgb(28,21,9)
```
#2a200e
```
#2a200e rgb(42,32,14)
```
#392b13
```
#392b13 rgb(57,43,19)
```
#483718
```
#483718 rgb(72,55,24)
```
#57421d
```
#57421d rgb(87,66,29)
```
#654d22
```
#654d22 rgb(101,77,34)
```
#745826
```
#745826 rgb(116,88,38)
```
#83632b
```
#83632b rgb(131,99,43)
```
#926f30
```
#926f30 rgb(146,111,48)
```
#a07a35
```
#a07a35 rgb(160,122,53)
```
#af853a
```
#af853a rgb(175,133,58)
```
#be903f
```
#be903f rgb(190,144,63)
```

Shade Color Variation

#c4994c
```
#c4994c rgb(196,153,76)
```
#c9a15b
```
#c9a15b rgb(201,161,91)
```
#ceaa6a
```
#ceaa6a rgb(206,170,106)
```
#d2b279
```
#d2b279 rgb(210,178,121)
```
#d7bb87
```
#d7bb87 rgb(215,187,135)
```
#dcc396
```
#dcc396 rgb(220,195,150)
```
#e1cba5
```
#e1cba5 rgb(225,203,165)
```
#e6d4b4
```
#e6d4b4 rgb(230,212,180)
```
#ebdcc2
```
#ebdcc2 rgb(235,220,194)
```
#f0e5d1
```
#f0e5d1 rgb(240,229,209)
```
#f5ede0
```
#f5ede0 rgb(245,237,224)
```
#faf6ee
```
#faf6ee rgb(250,246,238)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#797670
```
#797670 rgb(121,118,112)
```
#827867
```
#827867 rgb(130,120,103)
```
#8b7b5e
```
#8b7b5e rgb(139,123,94)
```
#947d55
```
#947d55 rgb(148,125,85)
```
#9d804c
```
#9d804c rgb(157,128,76)
```
#a68243
```
#a68243 rgb(166,130,67)
```
#af853a
```
#af853a rgb(175,133,58)
```
#b88831
```
#b88831 rgb(184,136,49)
```
#c18a28
```
#c18a28 rgb(193,138,40)
```
#ca8d1f
```
#ca8d1f rgb(202,141,31)
```
#d38f16
```
#d38f16 rgb(211,143,22)
```
#dc920d
```
#dc920d rgb(220,146,13)
```
#e59404
```
#e59404 rgb(229,148,4)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#918879 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19246 Protanopia 1% of men
#b38b44 Deuteranopia 1% of men
#b9838c Tritanopia 0.001% of the population

Trichromacy

#a68d41 Protanomaly 1% of men, 0.01% of women
#b18940 Deuteranomaly 6% of men, 0.4% of women
#b5846e Tritanomaly 0.01% of the population

#af853a hex color

#af853a Color Information

#af853a Color Conversion

Color Schemes with #af853a

Alternatives to #af853a

#af853a Preview

Shades and Tints of #af853a

Tones of #af853a

Color Blindness Simulator