#af5f32 hex color

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

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

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

The hexadecimal color #af5f32 has RGB values of R:175, G:95, B:50 and CMYK values of C:0, M:0.46, Y:0.71, K:0.31. Its decimal value is 11493170.

Hex triplet	af5f32	`#af5f32`
RGB Decimal	175, 95, 50	`rgb(175,95,50)`
RGB Percent	68.6, 37.3, 19.6	`rgb(68.6%,37.3%,19.6%)`
CMYK	0, 46, 71, 31
HSL	21.6°, 55.6, 44.1	`hsl(21.6,55.6%,44.1%)`
HSV (or HSB)	21.6°, 71.4, 68.6
Web Safe	996633	`#996633`

CIE-LAB	48.922, 28.77, 39.259
XYZ	22.348, 17.531, 5.224
xyY	0.495, 0.389, 17.531
CIE-LCH	48.922, 48.672, 53.765
CIE-LUV	48.922, 63.065, 35.532
Hunter-Lab	41.869, 22.003, 21.911
Binary	10101111, 01011111, 00110010

#af5f32
```
#af5f32 rgb(175,95,50)
```
#3282af
```
#3282af rgb(50,130,175)
```

Complementary Color

#af3244
```
#af3244 rgb(175,50,68)
```
#af5f32
```
#af5f32 rgb(175,95,50)
```
#af9e32
```
#af9e32 rgb(175,158,50)
```

Analogous Color

#3244af
```
#3244af rgb(50,68,175)
```
#af5f32
```
#af5f32 rgb(175,95,50)
```
#32af9e
```
#32af9e rgb(50,175,158)
```

Split Complementary Color

#5f32af
```
#5f32af rgb(95,50,175)
```
#af5f32
```
#af5f32 rgb(175,95,50)
```
#32af5f
```
#32af5f rgb(50,175,95)
```

Triadic Color

#af3282
```
#af3282 rgb(175,50,130)
```
#af5f32
```
#af5f32 rgb(175,95,50)
```
#32af5f
```
#32af5f rgb(50,175,95)
```
#3282af
```
#3282af rgb(50,130,175)
```

Tetradic Color

#743f21
```
#743f21 rgb(116,63,33)
```
#874927
```
#874927 rgb(135,73,39)
```
#9b542c
```
#9b542c rgb(155,84,44)
```
#af5f32
```
#af5f32 rgb(175,95,50)
```
#c36a38
```
#c36a38 rgb(195,106,56)
```
#cb7849
```
#cb7849 rgb(203,120,73)
```
#d1875d
```
#d1875d rgb(209,135,93)
```

Monochromatic Color

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

#af4032
```
#af4032 rgb(175,64,50)
```
#af4a32
```
#af4a32 rgb(175,74,50)
```
#af5532
```
#af5532 rgb(175,85,50)
```
#af5f32
```
#af5f32 rgb(175,95,50)
```
#af6932
```
#af6932 rgb(175,105,50)
```
#af7432
```
#af7432 rgb(175,116,50)
```
#af7e32
```
#af7e32 rgb(175,126,50)
```

Similar Colors

Text with hexadecimal color #af5f32

This text has a font color of #af5f32.

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

#af5f32 background color

This paragraph has a background color of #af5f32.

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

#af5f32 border color

This element has a border color of #af5f32.

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

CSS codes

.text {color:#af5f32;}

.background {background-color:#af5f32;}

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

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

#070402
```
#070402 rgb(7,4,2)
```
#160c06
```
#160c06 rgb(22,12,6)
```
#26140b
```
#26140b rgb(38,20,11)
```
#351d0f
```
#351d0f rgb(53,29,15)
```
#442513
```
#442513 rgb(68,37,19)
```
#532d18
```
#532d18 rgb(83,45,24)
```
#63361c
```
#63361c rgb(99,54,28)
```
#723e21
```
#723e21 rgb(114,62,33)
```
#814625
```
#814625 rgb(129,70,37)
```
#904e29
```
#904e29 rgb(144,78,41)
```
#a0572e
```
#a0572e rgb(160,87,46)
```
#af5f32
```
#af5f32 rgb(175,95,50)
```
#be6736
```
#be6736 rgb(190,103,54)
```

Shade Color Variation

#c87140
```
#c87140 rgb(200,113,64)
```
#cd7c4f
```
#cd7c4f rgb(205,124,79)
```
#d1885e
```
#d1885e rgb(209,136,94)
```
#d5936e
```
#d5936e rgb(213,147,110)
```
#da9e7d
```
#da9e7d rgb(218,158,125)
```
#deaa8c
```
#deaa8c rgb(222,170,140)
```
#e3b59b
```
#e3b59b rgb(227,181,155)
```
#e7c0ab
```
#e7c0ab rgb(231,192,171)
```
#ebccba
```
#ebccba rgb(235,204,186)
```
#f0d7c9
```
#f0d7c9 rgb(240,215,201)
```
#f4e2d8
```
#f4e2d8 rgb(244,226,216)
```
#f8eee8
```
#f8eee8 rgb(248,238,232)
```
#fdf9f7
```
#fdf9f7 rgb(253,249,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 #da5307 is the most saturated one.

#72706f
```
#72706f rgb(114,112,111)
```
#7b6e66
```
#7b6e66 rgb(123,110,102)
```
#846b5d
```
#846b5d rgb(132,107,93)
```
#8c6955
```
#8c6955 rgb(140,105,85)
```
#95664c
```
#95664c rgb(149,102,76)
```
#9e6443
```
#9e6443 rgb(158,100,67)
```
#a6613b
```
#a6613b rgb(166,97,59)
```
#af5f32
```
#af5f32 rgb(175,95,50)
```
#b85d29
```
#b85d29 rgb(184,93,41)
```
#c05a21
```
#c05a21 rgb(192,90,33)
```
#c95818
```
#c95818 rgb(201,88,24)
```
#d2550f
```
#d2550f rgb(210,85,15)
```
#da5307
```
#da5307 rgb(218,83,7)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#7e6e65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#877b42 Protanopia 1% of men
#977538 Deuteranopia 1% of men
#b56268 Tritanopia 0.001% of the population

Trichromacy

#96713c Protanomaly 1% of men, 0.01% of women
#a06d35 Deuteranomaly 6% of men, 0.4% of women
#b36154 Tritanomaly 0.01% of the population

#af5f32 hex color

#af5f32 Color Information

#af5f32 Color Conversion

Color Schemes with #af5f32

Alternatives to #af5f32

#af5f32 Preview

Shades and Tints of #af5f32

Tones of #af5f32

Color Blindness Simulator