#af582e hex color

In a RGB color space, hex #af582e is composed of 68.6% red, 34.5% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49.7% magenta, 73.7% yellow and 31.4% black. It has a hue angle of 19.5 degrees, a saturation of 58.4% and a lightness of 43.3%. #af582e color hex could be obtained by blending #ffb05c with #5f0000. Closest websafe color is: #996633.

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

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

The hexadecimal color #af582e has RGB values of R:175, G:88, B:46 and CMYK values of C:0, M:0.5, Y:0.74, K:0.31. Its decimal value is 11491374.

Hex triplet	af582e	`#af582e`
RGB Decimal	175, 88, 46	`rgb(175,88,46)`
RGB Percent	68.6, 34.5, 18	`rgb(68.6%,34.5%,18%)`
CMYK	0, 50, 74, 31
HSL	19.5°, 58.4, 43.3	`hsl(19.5,58.4%,43.3%)`
HSV (or HSB)	19.5°, 73.7, 68.6
Web Safe	996633	`#996633`

CIE-LAB	47.356, 32.332, 39.635
XYZ	21.663, 16.293, 4.589
xyY	0.509, 0.383, 16.293
CIE-LCH	47.356, 51.15, 50.795
CIE-LUV	47.356, 68.846, 34.288
Hunter-Lab	40.364, 25.161, 21.515
Binary	10101111, 01011000, 00101110

#af582e
```
#af582e rgb(175,88,46)
```
#2e85af
```
#2e85af rgb(46,133,175)
```

Complementary Color

#af2e45
```
#af2e45 rgb(175,46,69)
```
#af582e
```
#af582e rgb(175,88,46)
```
#af992e
```
#af992e rgb(175,153,46)
```

Analogous Color

#2e45af
```
#2e45af rgb(46,69,175)
```
#af582e
```
#af582e rgb(175,88,46)
```
#2eaf99
```
#2eaf99 rgb(46,175,153)
```

Split Complementary Color

#582eaf
```
#582eaf rgb(88,46,175)
```
#af582e
```
#af582e rgb(175,88,46)
```
#2eaf58
```
#2eaf58 rgb(46,175,88)
```

Triadic Color

#af2e85
```
#af2e85 rgb(175,46,133)
```
#af582e
```
#af582e rgb(175,88,46)
```
#2eaf58
```
#2eaf58 rgb(46,175,88)
```
#2e85af
```
#2e85af rgb(46,133,175)
```

Tetradic Color

#723a1e
```
#723a1e rgb(114,58,30)
```
#874423
```
#874423 rgb(135,68,35)
```
#9b4e29
```
#9b4e29 rgb(155,78,41)
```
#af582e
```
#af582e rgb(175,88,46)
```
#c36233
```
#c36233 rgb(195,98,51)
```
#cd7043
```
#cd7043 rgb(205,112,67)
```
#d37f57
```
#d37f57 rgb(211,127,87)
```

Monochromatic Color

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

#af382e
```
#af382e rgb(175,56,46)
```
#af422e
```
#af422e rgb(175,66,46)
```
#af4d2e
```
#af4d2e rgb(175,77,46)
```
#af582e
```
#af582e rgb(175,88,46)
```
#af632e
```
#af632e rgb(175,99,46)
```
#af6e2e
```
#af6e2e rgb(175,110,46)
```
#af782e
```
#af782e rgb(175,120,46)
```

Similar Colors

Text with hexadecimal color #af582e

This text has a font color of #af582e.

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

#af582e background color

This paragraph has a background color of #af582e.

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

#af582e border color

This element has a border color of #af582e.

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

CSS codes

.text {color:#af582e;}

.background {background-color:#af582e;}

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

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

#040201
```
#040201 rgb(4,2,1)
```
#140a05
```
#140a05 rgb(20,10,5)
```
#231209
```
#231209 rgb(35,18,9)
```
#331a0d
```
#331a0d rgb(51,26,13)
```
#422111
```
#422111 rgb(66,33,17)
```
#522916
```
#522916 rgb(82,41,22)
```
#61311a
```
#61311a rgb(97,49,26)
```
#71391e
```
#71391e rgb(113,57,30)
```
#804122
```
#804122 rgb(128,65,34)
```
#904826
```
#904826 rgb(144,72,38)
```
#9f502a
```
#9f502a rgb(159,80,42)
```
#af582e
```
#af582e rgb(175,88,46)
```
#bf6032
```
#bf6032 rgb(191,96,50)
```

Shade Color Variation

#cb6939
```
#cb6939 rgb(203,105,57)
```
#cf7449
```
#cf7449 rgb(207,116,73)
```
#d38058
```
#d38058 rgb(211,128,88)
```
#d78c68
```
#d78c68 rgb(215,140,104)
```
#db9877
```
#db9877 rgb(219,152,119)
```
#dfa487
```
#dfa487 rgb(223,164,135)
```
#e4b096
```
#e4b096 rgb(228,176,150)
```
#e8bba6
```
#e8bba6 rgb(232,187,166)
```
#ecc7b5
```
#ecc7b5 rgb(236,199,181)
```
#f0d3c5
```
#f0d3c5 rgb(240,211,197)
```
#f4dfd5
```
#f4dfd5 rgb(244,223,213)
```
#f8ebe4
```
#f8ebe4 rgb(248,235,228)
```
#fcf6f4
```
#fcf6f4 rgb(252,246,244)
```

Tint Color Variation

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

#746d6a
```
#746d6a rgb(116,109,106)
```
#7c6a61
```
#7c6a61 rgb(124,106,97)
```
#856759
```
#856759 rgb(133,103,89)
```
#8d6450
```
#8d6450 rgb(141,100,80)
```
#966148
```
#966148 rgb(150,97,72)
```
#9e5e3f
```
#9e5e3f rgb(158,94,63)
```
#a75b37
```
#a75b37 rgb(167,91,55)
```
#af582e
```
#af582e rgb(175,88,46)
```
#b85526
```
#b85526 rgb(184,85,38)
```
#c0521d
```
#c0521d rgb(192,82,29)
```
#c94f15
```
#c94f15 rgb(201,79,21)
```
#d14c0c
```
#d14c0c rgb(209,76,12)
```
#da4903
```
#da4903 rgb(218,73,3)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#7a6960 Atypical Achromatopsia 0.001% of the population

Dichromacy

#83773f Protanopia 1% of men
#937233 Deuteranopia 1% of men
#b55b61 Tritanopia 0.001% of the population

Trichromacy

#936c39 Protanomaly 1% of men, 0.01% of women
#9d6831 Deuteranomaly 6% of men, 0.4% of women
#b35a4e Tritanomaly 0.01% of the population

#af582e hex color

#af582e Color Information

#af582e Color Conversion

Color Schemes with #af582e

Alternatives to #af582e

#af582e Preview

Shades and Tints of #af582e

Tones of #af582e

Color Blindness Simulator