#af5232 hex color

In a RGB color space, hex #af5232 is composed of 68.6% red, 32.2% green and 19.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.1% magenta, 71.4% yellow and 31.4% black. It has a hue angle of 15.4 degrees, a saturation of 55.6% and a lightness of 44.1%. #af5232 color hex could be obtained by blending #ffa464 with #5f0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 69
- G 32
- B 20
RGB color chart
- C 0
- M 53
- Y 71
- K 31
CMYK color chart

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

The hexadecimal color #af5232 has RGB values of R:175, G:82, B:50 and CMYK values of C:0, M:0.53, Y:0.71, K:0.31. Its decimal value is 11489842.

Hex triplet	af5232	`#af5232`
RGB Decimal	175, 82, 50	`rgb(175,82,50)`
RGB Percent	68.6, 32.2, 19.6	`rgb(68.6%,32.2%,19.6%)`
CMYK	0, 53, 71, 31
HSL	15.4°, 55.6, 44.1	`hsl(15.4,55.6%,44.1%)`
HSV (or HSB)	15.4°, 71.4, 68.6
Web Safe	996633	`#996633`

CIE-LAB	46.151, 35.681, 36.183
XYZ	21.273, 15.381, 4.866
xyY	0.512, 0.37, 15.381
CIE-LCH	46.151, 50.817, 45.4
CIE-LUV	46.151, 72.809, 30.556
Hunter-Lab	39.218, 28.19, 20.097
Binary	10101111, 01010010, 00110010

#af5232
```
#af5232 rgb(175,82,50)
```
#328faf
```
#328faf rgb(50,143,175)
```

Complementary Color

#af3251
```
#af3251 rgb(175,50,81)
```
#af5232
```
#af5232 rgb(175,82,50)
```
#af9132
```
#af9132 rgb(175,145,50)
```

Analogous Color

#3251af
```
#3251af rgb(50,81,175)
```
#af5232
```
#af5232 rgb(175,82,50)
```
#32af91
```
#32af91 rgb(50,175,145)
```

Split Complementary Color

#5232af
```
#5232af rgb(82,50,175)
```
#af5232
```
#af5232 rgb(175,82,50)
```
#32af52
```
#32af52 rgb(50,175,82)
```

Triadic Color

#af328f
```
#af328f rgb(175,50,143)
```
#af5232
```
#af5232 rgb(175,82,50)
```
#32af52
```
#32af52 rgb(50,175,82)
```
#328faf
```
#328faf rgb(50,143,175)
```

Tetradic Color

#743621
```
#743621 rgb(116,54,33)
```
#873f27
```
#873f27 rgb(135,63,39)
```
#9b492c
```
#9b492c rgb(155,73,44)
```
#af5232
```
#af5232 rgb(175,82,50)
```
#c35b38
```
#c35b38 rgb(195,91,56)
```
#cb6a49
```
#cb6a49 rgb(203,106,73)
```
#d17a5d
```
#d17a5d rgb(209,122,93)
```

Monochromatic Color

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

#af3332
```
#af3332 rgb(175,51,50)
```
#af3d32
```
#af3d32 rgb(175,61,50)
```
#af4832
```
#af4832 rgb(175,72,50)
```
#af5232
```
#af5232 rgb(175,82,50)
```
#af5c32
```
#af5c32 rgb(175,92,50)
```
#af6732
```
#af6732 rgb(175,103,50)
```
#af7132
```
#af7132 rgb(175,113,50)
```

Similar Colors

Text with hexadecimal color #af5232

This text has a font color of #af5232.

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

#af5232 background color

This paragraph has a background color of #af5232.

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

#af5232 border color

This element has a border color of #af5232.

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

CSS codes

.text {color:#af5232;}

.background {background-color:#af5232;}

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

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

#070302
```
#070302 rgb(7,3,2)
```
#160b06
```
#160b06 rgb(22,11,6)
```
#26120b
```
#26120b rgb(38,18,11)
```
#35190f
```
#35190f rgb(53,25,15)
```
#442013
```
#442013 rgb(68,32,19)
```
#532718
```
#532718 rgb(83,39,24)
```
#632e1c
```
#632e1c rgb(99,46,28)
```
#723521
```
#723521 rgb(114,53,33)
```
#813d25
```
#813d25 rgb(129,61,37)
```
#904429
```
#904429 rgb(144,68,41)
```
#a04b2e
```
#a04b2e rgb(160,75,46)
```
#af5232
```
#af5232 rgb(175,82,50)
```
#be5936
```
#be5936 rgb(190,89,54)
```

Shade Color Variation

#c86340
```
#c86340 rgb(200,99,64)
```
#cd6f4f
```
#cd6f4f rgb(205,111,79)
```
#d17c5e
```
#d17c5e rgb(209,124,94)
```
#d5886e
```
#d5886e rgb(213,136,110)
```
#da957d
```
#da957d rgb(218,149,125)
```
#dea18c
```
#dea18c rgb(222,161,140)
```
#e3ae9b
```
#e3ae9b rgb(227,174,155)
```
#e7baab
```
#e7baab rgb(231,186,171)
```
#ebc7ba
```
#ebc7ba rgb(235,199,186)
```
#f0d3c9
```
#f0d3c9 rgb(240,211,201)
```
#f4dfd8
```
#f4dfd8 rgb(244,223,216)
```
#f8ece8
```
#f8ece8 rgb(248,236,232)
```
#fdf8f7
```
#fdf8f7 rgb(253,248,247)
```

Tint Color Variation

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

#72706f
```
#72706f rgb(114,112,111)
```
#7b6b66
```
#7b6b66 rgb(123,107,102)
```
#84675d
```
#84675d rgb(132,103,93)
```
#8c6355
```
#8c6355 rgb(140,99,85)
```
#955f4c
```
#955f4c rgb(149,95,76)
```
#9e5a43
```
#9e5a43 rgb(158,90,67)
```
#a6563b
```
#a6563b rgb(166,86,59)
```
#af5232
```
#af5232 rgb(175,82,50)
```
#b84e29
```
#b84e29 rgb(184,78,41)
```
#c04a21
```
#c04a21 rgb(192,74,33)
```
#c94518
```
#c94518 rgb(201,69,24)
```
#d2410f
```
#d2410f rgb(210,65,15)
```
#da3d07
```
#da3d07 rgb(218,61,7)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#78655f Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7444 Protanopia 1% of men
#8f6f36 Deuteranopia 1% of men
#b4575c Tritanopia 0.001% of the population

Trichromacy

#91683d Protanomaly 1% of men, 0.01% of women
#9a6435 Deuteranomaly 6% of men, 0.4% of women
#b2554d Tritanomaly 0.01% of the population

#af5232 hex color

#af5232 Color Information

#af5232 Color Conversion

Color Schemes with #af5232

Alternatives to #af5232

#af5232 Preview

Shades and Tints of #af5232

Tones of #af5232

Color Blindness Simulator