#af531d hex color

In a RGB color space, hex #af531d is composed of 68.6% red, 32.5% green and 11.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.6% magenta, 83.4% yellow and 31.4% black. It has a hue angle of 22.2 degrees, a saturation of 71.6% and a lightness of 40%. #af531d color hex could be obtained by blending #ffa63a with #5f0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 69
- G 33
- B 11
RGB color chart
- C 0
- M 53
- Y 83
- K 31
CMYK color chart

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

The hexadecimal color #af531d has RGB values of R:175, G:83, B:29 and CMYK values of C:0, M:0.53, Y:0.83, K:0.31. Its decimal value is 11490077.

Hex triplet	af531d	`#af531d`
RGB Decimal	175, 83, 29	`rgb(175,83,29)`
RGB Percent	68.6, 32.5, 11.4	`rgb(68.6%,32.5%,11.4%)`
CMYK	0, 53, 83, 31
HSL	22.2°, 71.6, 40	`hsl(22.2,71.6%,40%)`
HSV (or HSB)	22.2°, 83.4, 68.6
Web Safe	996633	`#996633`

CIE-LAB	46.165, 34.293, 46.591
XYZ	20.995, 15.391, 3.028
xyY	0.533, 0.391, 15.391
CIE-LCH	46.165, 57.851, 53.645
CIE-LUV	46.165, 74.413, 37.513
Hunter-Lab	39.232, 26.87, 22.887
Binary	10101111, 01010011, 00011101

#af531d
```
#af531d rgb(175,83,29)
```
#1d79af
```
#1d79af rgb(29,121,175)
```

Complementary Color

#af1d30
```
#af1d30 rgb(175,29,48)
```
#af531d
```
#af531d rgb(175,83,29)
```
#af9c1d
```
#af9c1d rgb(175,156,29)
```

Analogous Color

#1d30af
```
#1d30af rgb(29,48,175)
```
#af531d
```
#af531d rgb(175,83,29)
```
#1daf9c
```
#1daf9c rgb(29,175,156)
```

Split Complementary Color

#531daf
```
#531daf rgb(83,29,175)
```
#af531d
```
#af531d rgb(175,83,29)
```
#1daf53
```
#1daf53 rgb(29,175,83)
```

Triadic Color

#af1d79
```
#af1d79 rgb(175,29,121)
```
#af531d
```
#af531d rgb(175,83,29)
```
#1daf53
```
#1daf53 rgb(29,175,83)
```
#1d79af
```
#1d79af rgb(29,121,175)
```

Tetradic Color

#6d3412
```
#6d3412 rgb(109,52,18)
```
#833e16
```
#833e16 rgb(131,62,22)
```
#994919
```
#994919 rgb(153,73,25)
```
#af531d
```
#af531d rgb(175,83,29)
```
#c55d21
```
#c55d21 rgb(197,93,33)
```
#db6824
```
#db6824 rgb(219,104,36)
```
#de773a
```
#de773a rgb(222,119,58)
```

Monochromatic Color

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

#af2e1d
```
#af2e1d rgb(175,46,29)
```
#af3b1d
```
#af3b1d rgb(175,59,29)
```
#af471d
```
#af471d rgb(175,71,29)
```
#af531d
```
#af531d rgb(175,83,29)
```
#af5f1d
```
#af5f1d rgb(175,95,29)
```
#af6b1d
```
#af6b1d rgb(175,107,29)
```
#af781d
```
#af781d rgb(175,120,29)
```

Similar Colors

Text with hexadecimal color #af531d

This text has a font color of #af531d.

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

#af531d background color

This paragraph has a background color of #af531d.

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

#af531d border color

This element has a border color of #af531d.

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

CSS codes

.text {color:#af531d;}

.background {background-color:#af531d;}

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

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

#070301
```
#070301 rgb(7,3,1)
```
#180b04
```
#180b04 rgb(24,11,4)
```
#281307
```
#281307 rgb(40,19,7)
```
#391b09
```
#391b09 rgb(57,27,9)
```
#4a230c
```
#4a230c rgb(74,35,12)
```
#5b2b0f
```
#5b2b0f rgb(91,43,15)
```
#6c3312
```
#6c3312 rgb(108,51,18)
```
#7d3b15
```
#7d3b15 rgb(125,59,21)
```
#8d4317
```
#8d4317 rgb(141,67,23)
```
#9e4b1a
```
#9e4b1a rgb(158,75,26)
```
#af531d
```
#af531d rgb(175,83,29)
```
#c05b20
```
#c05b20 rgb(192,91,32)
```
#d16323
```
#d16323 rgb(209,99,35)
```

Shade Color Variation

#dc6c2b
```
#dc6c2b rgb(220,108,43)
```
#df783c
```
#df783c rgb(223,120,60)
```
#e1844d
```
#e1844d rgb(225,132,77)
```
#e48f5d
```
#e48f5d rgb(228,143,93)
```
#e79b6e
```
#e79b6e rgb(231,155,110)
```
#eaa77f
```
#eaa77f rgb(234,167,127)
```
#edb290
```
#edb290 rgb(237,178,144)
```
#efbea1
```
#efbea1 rgb(239,190,161)
```
#f2c9b2
```
#f2c9b2 rgb(242,201,178)
```
#f5d5c2
```
#f5d5c2 rgb(245,213,194)
```
#f8e1d3
```
#f8e1d3 rgb(248,225,211)
```
#fbece4
```
#fbece4 rgb(251,236,228)
```
#fdf8f5
```
#fdf8f5 rgb(253,248,245)
```

Tint Color Variation

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

#686564
```
#686564 rgb(104,101,100)
```
#70635c
```
#70635c rgb(112,99,92)
```
#786154
```
#786154 rgb(120,97,84)
```
#805f4c
```
#805f4c rgb(128,95,76)
```
#885d44
```
#885d44 rgb(136,93,68)
```
#905b3c
```
#905b3c rgb(144,91,60)
```
#975935
```
#975935 rgb(151,89,53)
```
#9f572d
```
#9f572d rgb(159,87,45)
```
#a75525
```
#a75525 rgb(167,85,37)
```
#af531d
```
#af531d rgb(175,83,29)
```
#b75115
```
#b75115 rgb(183,81,21)
```
#bf4f0d
```
#bf4f0d rgb(191,79,13)
```
#c74d05
```
#c74d05 rgb(199,77,5)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#766459 Atypical Achromatopsia 0.001% of the population

Dichromacy

#81752f Protanopia 1% of men
#916f20 Deuteranopia 1% of men
#b5565c Tritanopia 0.001% of the population

Trichromacy

#926828 Protanomaly 1% of men, 0.01% of women
#9c651f Deuteranomaly 6% of men, 0.4% of women
#b35545 Tritanomaly 0.01% of the population

#af531d hex color

#af531d Color Information

#af531d Color Conversion

Color Schemes with #af531d

Alternatives to #af531d

#af531d Preview

Shades and Tints of #af531d

Tones of #af531d

Color Blindness Simulator