#af842d hex color

In a RGB color space, hex #af842d is composed of 68.6% red, 51.8% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24.6% magenta, 74.3% yellow and 31.4% black. It has a hue angle of 40.2 degrees, a saturation of 59.1% and a lightness of 43.1%. #af842d color hex could be obtained by blending #ffff5a with #5f0900. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 69
- G 52
- B 18
RGB color chart
- C 0
- M 25
- Y 74
- K 31
CMYK color chart

● #af842d color description : Dark orange [Brown tone].

The hexadecimal color #af842d has RGB values of R:175, G:132, B:45 and CMYK values of C:0, M:0.25, Y:0.74, K:0.31. Its decimal value is 11502637.

Hex triplet	af842d	`#af842d`
RGB Decimal	175, 132, 45	`rgb(175,132,45)`
RGB Percent	68.6, 51.8, 17.6	`rgb(68.6%,51.8%,17.6%)`
CMYK	0, 25, 74, 31
HSL	40.2°, 59.1, 43.1	`hsl(40.2,59.1%,43.1%)`
HSV (or HSB)	40.2°, 74.3, 68.6
Web Safe	999933	`#999933`

CIE-LAB	57.854, 7.915, 50.919
XYZ	26.405, 25.807, 6.073
xyY	0.453, 0.443, 25.807
CIE-LCH	57.854, 51.53, 81.165
CIE-LUV	57.854, 35.196, 52.382
Hunter-Lab	50.801, 3.876, 28.473
Binary	10101111, 10000100, 00101101

#af842d
```
#af842d rgb(175,132,45)
```
#2d58af
```
#2d58af rgb(45,88,175)
```

Complementary Color

#af432d
```
#af432d rgb(175,67,45)
```
#af842d
```
#af842d rgb(175,132,45)
```
#99af2d
```
#99af2d rgb(153,175,45)
```

Analogous Color

#432daf
```
#432daf rgb(67,45,175)
```
#af842d
```
#af842d rgb(175,132,45)
```
#2d99af
```
#2d99af rgb(45,153,175)
```

Split Complementary Color

#842daf
```
#842daf rgb(132,45,175)
```
#af842d
```
#af842d rgb(175,132,45)
```
#2daf84
```
#2daf84 rgb(45,175,132)
```

Triadic Color

#af2d58
```
#af2d58 rgb(175,45,88)
```
#af842d
```
#af842d rgb(175,132,45)
```
#2daf84
```
#2daf84 rgb(45,175,132)
```
#2d58af
```
#2d58af rgb(45,88,175)
```

Tetradic Color

#72561d
```
#72561d rgb(114,86,29)
```
#866523
```
#866523 rgb(134,101,35)
```
#9b7528
```
#9b7528 rgb(155,117,40)
```
#af842d
```
#af842d rgb(175,132,45)
```
#c39332
```
#c39332 rgb(195,147,50)
```
#ce9f41
```
#ce9f41 rgb(206,159,65)
```
#d3aa55
```
#d3aa55 rgb(211,170,85)
```

Monochromatic Color

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

#af642d
```
#af642d rgb(175,100,45)
```
#af6e2d
```
#af6e2d rgb(175,110,45)
```
#af792d
```
#af792d rgb(175,121,45)
```
#af842d
```
#af842d rgb(175,132,45)
```
#af8f2d
```
#af8f2d rgb(175,143,45)
```
#af9a2d
```
#af9a2d rgb(175,154,45)
```
#afa52d
```
#afa52d rgb(175,165,45)
```

Similar Colors

Text with hexadecimal color #af842d

This text has a font color of #af842d.

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

#af842d background color

This paragraph has a background color of #af842d.

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

#af842d border color

This element has a border color of #af842d.

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

CSS codes

.text {color:#af842d;}

.background {background-color:#af842d;}

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

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

#030301
```
#030301 rgb(3,3,1)
```
#130e05
```
#130e05 rgb(19,14,5)
```
#231a09
```
#231a09 rgb(35,26,9)
```
#32260d
```
#32260d rgb(50,38,13)
```
#423211
```
#423211 rgb(66,50,17)
```
#513d15
```
#513d15 rgb(81,61,21)
```
#614919
```
#614919 rgb(97,73,25)
```
#71551d
```
#71551d rgb(113,85,29)
```
#806121
```
#806121 rgb(128,97,33)
```
#906c25
```
#906c25 rgb(144,108,37)
```
#9f7829
```
#9f7829 rgb(159,120,41)
```
#af842d
```
#af842d rgb(175,132,45)
```
#bf9031
```
#bf9031 rgb(191,144,49)
```

Shade Color Variation

#cc9b38
```
#cc9b38 rgb(204,155,56)
```
#d0a347
```
#d0a347 rgb(208,163,71)
```
#d4aa57
```
#d4aa57 rgb(212,170,87)
```
#d8b266
```
#d8b266 rgb(216,178,102)
```
#dcba76
```
#dcba76 rgb(220,186,118)
```
#e0c286
```
#e0c286 rgb(224,194,134)
```
#e4ca95
```
#e4ca95 rgb(228,202,149)
```
#e8d2a5
```
#e8d2a5 rgb(232,210,165)
```
#ecd9b4
```
#ecd9b4 rgb(236,217,180)
```
#f0e1c4
```
#f0e1c4 rgb(240,225,196)
```
#f4e9d4
```
#f4e9d4 rgb(244,233,212)
```
#f8f1e3
```
#f8f1e3 rgb(248,241,227)
```
#fcf9f3
```
#fcf9f3 rgb(252,249,243)
```

Tint Color Variation

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

#747068
```
#747068 rgb(116,112,104)
```
#7c7360
```
#7c7360 rgb(124,115,96)
```
#857657
```
#857657 rgb(133,118,87)
```
#8d794f
```
#8d794f rgb(141,121,79)
```
#967b46
```
#967b46 rgb(150,123,70)
```
#9e7e3e
```
#9e7e3e rgb(158,126,62)
```
#a78135
```
#a78135 rgb(167,129,53)
```
#af842d
```
#af842d rgb(175,132,45)
```
#b78725
```
#b78725 rgb(183,135,37)
```
#c08a1c
```
#c08a1c rgb(192,138,28)
```
#c88d14
```
#c88d14 rgb(200,141,20)
```
#d18f0b
```
#d18f0b rgb(209,143,11)
```
#d99203
```
#d99203 rgb(217,146,3)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#8f8675 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19139 Protanopia 1% of men
#b38a37 Deuteranopia 1% of men
#b9828b Tritanopia 0.001% of the population

Trichromacy

#a68c35 Protanomaly 1% of men, 0.01% of women
#b18833 Deuteranomaly 6% of men, 0.4% of women
#b58268 Tritanomaly 0.01% of the population

#af842d hex color

#af842d Color Information

#af842d Color Conversion

Color Schemes with #af842d

Alternatives to #af842d

#af842d Preview

Shades and Tints of #af842d

Tones of #af842d

Color Blindness Simulator