#af582d hex color

In a RGB color space, hex #af582d is composed of 68.6% red, 34.5% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49.7% magenta, 74.3% yellow and 31.4% black. It has a hue angle of 19.8 degrees, a saturation of 59.1% and a lightness of 43.1%. #af582d color hex could be obtained by blending #ffb05a 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

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

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

Hex triplet	af582d	`#af582d`
RGB Decimal	175, 88, 45	`rgb(175,88,45)`
RGB Percent	68.6, 34.5, 17.6	`rgb(68.6%,34.5%,17.6%)`
CMYK	0, 50, 74, 31
HSL	19.8°, 59.1, 43.1	`hsl(19.8,59.1%,43.1%)`
HSV (or HSB)	19.8°, 74.3, 68.6
Web Safe	996633	`#996633`

CIE-LAB	47.346, 32.284, 40.141
XYZ	21.643, 16.285, 4.486
xyY	0.51, 0.384, 16.285
CIE-LCH	47.346, 51.512, 51.191
CIE-LUV	47.346, 68.962, 34.639
Hunter-Lab	40.354, 25.115, 21.657
Binary	10101111, 01011000, 00101101

#af582d
```
#af582d rgb(175,88,45)
```
#2d84af
```
#2d84af rgb(45,132,175)
```

Complementary Color

#af2d43
```
#af2d43 rgb(175,45,67)
```
#af582d
```
#af582d rgb(175,88,45)
```
#af992d
```
#af992d rgb(175,153,45)
```

Analogous Color

#2d43af
```
#2d43af rgb(45,67,175)
```
#af582d
```
#af582d rgb(175,88,45)
```
#2daf99
```
#2daf99 rgb(45,175,153)
```

Split Complementary Color

#582daf
```
#582daf rgb(88,45,175)
```
#af582d
```
#af582d rgb(175,88,45)
```
#2daf58
```
#2daf58 rgb(45,175,88)
```

Triadic Color

#af2d84
```
#af2d84 rgb(175,45,132)
```
#af582d
```
#af582d rgb(175,88,45)
```
#2daf58
```
#2daf58 rgb(45,175,88)
```
#2d84af
```
#2d84af rgb(45,132,175)
```

Tetradic Color

#72391d
```
#72391d rgb(114,57,29)
```
#864423
```
#864423 rgb(134,68,35)
```
#9b4e28
```
#9b4e28 rgb(155,78,40)
```
#af582d
```
#af582d rgb(175,88,45)
```
#c36232
```
#c36232 rgb(195,98,50)
```
#ce7041
```
#ce7041 rgb(206,112,65)
```
#d37f55
```
#d37f55 rgb(211,127,85)
```

Monochromatic Color

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

#af372d
```
#af372d rgb(175,55,45)
```
#af422d
```
#af422d rgb(175,66,45)
```
#af4d2d
```
#af4d2d rgb(175,77,45)
```
#af582d
```
#af582d rgb(175,88,45)
```
#af632d
```
#af632d rgb(175,99,45)
```
#af6e2d
```
#af6e2d rgb(175,110,45)
```
#af792d
```
#af792d rgb(175,121,45)
```

Similar Colors

Text with hexadecimal color #af582d

This text has a font color of #af582d.

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

#af582d background color

This paragraph has a background color of #af582d.

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

#af582d border color

This element has a border color of #af582d.

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

CSS codes

.text {color:#af582d;}

.background {background-color:#af582d;}

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

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

#030201
```
#030201 rgb(3,2,1)
```
#130a05
```
#130a05 rgb(19,10,5)
```
#231109
```
#231109 rgb(35,17,9)
```
#32190d
```
#32190d rgb(50,25,13)
```
#422111
```
#422111 rgb(66,33,17)
```
#512915
```
#512915 rgb(81,41,21)
```
#613119
```
#613119 rgb(97,49,25)
```
#71391d
```
#71391d rgb(113,57,29)
```
#804021
```
#804021 rgb(128,64,33)
```
#904825
```
#904825 rgb(144,72,37)
```
#9f5029
```
#9f5029 rgb(159,80,41)
```
#af582d
```
#af582d rgb(175,88,45)
```
#bf6031
```
#bf6031 rgb(191,96,49)
```

Shade Color Variation

#cc6938
```
#cc6938 rgb(204,105,56)
```
#d07447
```
#d07447 rgb(208,116,71)
```
#d48057
```
#d48057 rgb(212,128,87)
```
#d88c66
```
#d88c66 rgb(216,140,102)
```
#dc9876
```
#dc9876 rgb(220,152,118)
```
#e0a386
```
#e0a386 rgb(224,163,134)
```
#e4af95
```
#e4af95 rgb(228,175,149)
```
#e8bba5
```
#e8bba5 rgb(232,187,165)
```
#ecc7b4
```
#ecc7b4 rgb(236,199,180)
```
#f0d2c4
```
#f0d2c4 rgb(240,210,196)
```
#f4ded4
```
#f4ded4 rgb(244,222,212)
```
#f8eae3
```
#f8eae3 rgb(248,234,227)
```
#fcf6f3
```
#fcf6f3 rgb(252,246,243)
```

Tint Color Variation

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

#746c68
```
#746c68 rgb(116,108,104)
```
#7c6960
```
#7c6960 rgb(124,105,96)
```
#856657
```
#856657 rgb(133,102,87)
```
#8d634f
```
#8d634f rgb(141,99,79)
```
#966146
```
#966146 rgb(150,97,70)
```
#9e5e3e
```
#9e5e3e rgb(158,94,62)
```
#a75b35
```
#a75b35 rgb(167,91,53)
```
#af582d
```
#af582d rgb(175,88,45)
```
#b75525
```
#b75525 rgb(183,85,37)
```
#c0521c
```
#c0521c rgb(192,82,28)
```
#c84f14
```
#c84f14 rgb(200,79,20)
```
#d14d0b
```
#d14d0b rgb(209,77,11)
```
#d94a03
```
#d94a03 rgb(217,74,3)
```

Tone Color Variation

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

#83773e Protanopia 1% of men
#937232 Deuteranopia 1% of men
#b55b61 Tritanopia 0.001% of the population

Trichromacy

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

#af582d hex color

#af582d Color Information

#af582d Color Conversion

Color Schemes with #af582d

Alternatives to #af582d

#af582d Preview

Shades and Tints of #af582d

Tones of #af582d

Color Blindness Simulator