colorhexa.com

#af582b hex color

In a RGB color space, hex #af582b is composed of 68.6% red, 34.5% green and 16.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49.7% magenta, 75.4% yellow and 31.4% black. It has a hue angle of 20.5 degrees, a saturation of 60.6% and a lightness of 42.7%. #af582b color hex could be obtained by blending #ffb056 with #5f0000. Closest websafe color is: #996633.

- R 69
- G 35
- B 17
RGB color chart
- C 0
- M 50
- Y 75
- K 31
CMYK color chart

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

The hexadecimal color #af582b has RGB values of R:175, G:88, B:43 and CMYK values of C:0, M:0.5, Y:0.75, K:0.31. Its decimal value is 11491371.

Hex triplet	af582b	`#af582b`
RGB Decimal	175, 88, 43	`rgb(175,88,43)`
RGB Percent	68.6, 34.5, 16.9	`rgb(68.6%,34.5%,16.9%)`
CMYK	0, 50, 75, 31
HSL	20.5°, 60.6, 42.7	`hsl(20.5,60.6%,42.7%)`
HSV (or HSB)	20.5°, 75.4, 68.6
Web Safe	996633	`#996633`

CIE-LAB	47.326, 32.191, 41.139
XYZ	21.606, 16.27, 4.288
xyY	0.512, 0.386, 16.27
CIE-LCH	47.326, 52.237, 51.957
CIE-LUV	47.326, 69.189, 35.319
Hunter-Lab	40.336, 25.025, 21.932
Binary	10101111, 01011000, 00101011

#af582b
```
#af582b rgb(175,88,43)
```
#2b82af
```
#2b82af rgb(43,130,175)
```

Complementary Color

#af2b40
```
#af2b40 rgb(175,43,64)
```
#af582b
```
#af582b rgb(175,88,43)
```
#af9a2b
```
#af9a2b rgb(175,154,43)
```

Analogous Color

#2b40af
```
#2b40af rgb(43,64,175)
```
#af582b
```
#af582b rgb(175,88,43)
```
#2baf9a
```
#2baf9a rgb(43,175,154)
```

Split Complementary Color

#582baf
```
#582baf rgb(88,43,175)
```
#af582b
```
#af582b rgb(175,88,43)
```
#2baf58
```
#2baf58 rgb(43,175,88)
```

Triadic Color

#af2b82
```
#af2b82 rgb(175,43,130)
```
#af582b
```
#af582b rgb(175,88,43)
```
#2baf58
```
#2baf58 rgb(43,175,88)
```
#2b82af
```
#2b82af rgb(43,130,175)
```

Tetradic Color

#72391c
```
#72391c rgb(114,57,28)
```
#864321
```
#864321 rgb(134,67,33)
```
#9b4e26
```
#9b4e26 rgb(155,78,38)
```
#af582b
```
#af582b rgb(175,88,43)
```
#c36230
```
#c36230 rgb(195,98,48)
```
#cf6f3e
```
#cf6f3e rgb(207,111,62)
```
#d47e52
```
#d47e52 rgb(212,126,82)
```

Monochromatic Color

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

#af372b
```
#af372b rgb(175,55,43)
```
#af422b
```
#af422b rgb(175,66,43)
```
#af4d2b
```
#af4d2b rgb(175,77,43)
```
#af582b
```
#af582b rgb(175,88,43)
```
#af632b
```
#af632b rgb(175,99,43)
```
#af6e2b
```
#af6e2b rgb(175,110,43)
```
#af792b
```
#af792b rgb(175,121,43)
```

Similar Colors

Text with hexadecimal color #af582b

This text has a font color of #af582b.

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

#af582b background color

This paragraph has a background color of #af582b.

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

#af582b border color

This element has a border color of #af582b.

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

CSS codes

.text {color:#af582b;}

.background {background-color:#af582b;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#120904
```
#120904 rgb(18,9,4)
```
#211108
```
#211108 rgb(33,17,8)
```
#31190c
```
#31190c rgb(49,25,12)
```
#412110
```
#412110 rgb(65,33,16)
```
#512814
```
#512814 rgb(81,40,20)
```
#603018
```
#603018 rgb(96,48,24)
```
#70381c
```
#70381c rgb(112,56,28)
```
#80401f
```
#80401f rgb(128,64,31)
```
#904823
```
#904823 rgb(144,72,35)
```
#9f5027
```
#9f5027 rgb(159,80,39)
```
#af582b
```
#af582b rgb(175,88,43)
```
#bf602f
```
#bf602f rgb(191,96,47)
```

Shade Color Variation

#cd6834
```
#cd6834 rgb(205,104,52)
```
#d17444
```
#d17444 rgb(209,116,68)
```
#d58054
```
#d58054 rgb(213,128,84)
```
#d98b63
```
#d98b63 rgb(217,139,99)
```
#dd9773
```
#dd9773 rgb(221,151,115)
```
#e0a383
```
#e0a383 rgb(224,163,131)
```
#e4ae93
```
#e4ae93 rgb(228,174,147)
```
#e8baa2
```
#e8baa2 rgb(232,186,162)
```
#ecc6b2
```
#ecc6b2 rgb(236,198,178)
```
#f0d2c2
```
#f0d2c2 rgb(240,210,194)
```
#f4ddd2
```
#f4ddd2 rgb(244,221,210)
```
#f8e9e1
```
#f8e9e1 rgb(248,233,225)
```
#fcf5f1
```
#fcf5f1 rgb(252,245,241)
```

Tint Color Variation

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

#746b66
```
#746b66 rgb(116,107,102)
```
#7d685d
```
#7d685d rgb(125,104,93)
```
#856555
```
#856555 rgb(133,101,85)
```
#8d634d
```
#8d634d rgb(141,99,77)
```
#966044
```
#966044 rgb(150,96,68)
```
#9e5d3c
```
#9e5d3c rgb(158,93,60)
```
#a75b33
```
#a75b33 rgb(167,91,51)
```
#af582b
```
#af582b rgb(175,88,43)
```
#b75523
```
#b75523 rgb(183,85,35)
```
#c0531a
```
#c0531a rgb(192,83,26)
```
#c85012
```
#c85012 rgb(200,80,18)
```
#d14d09
```
#d14d09 rgb(209,77,9)
```
#d94b01
```
#d94b01 rgb(217,75,1)
```

Tone Color Variation

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

#83773c Protanopia 1% of men
#937230 Deuteranopia 1% of men
#b55b61 Tritanopia 0.001% of the population

Trichromacy

#936c36 Protanomaly 1% of men, 0.01% of women
#9d682e Deuteranomaly 6% of men, 0.4% of women
#b35a4d Tritanomaly 0.01% of the population