#af5532 hex color

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

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

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

The hexadecimal color #af5532 has RGB values of R:175, G:85, B:50 and CMYK values of C:0, M:0.51, Y:0.71, K:0.31. Its decimal value is 11490610.

Hex triplet	af5532	`#af5532`
RGB Decimal	175, 85, 50	`rgb(175,85,50)`
RGB Percent	68.6, 33.3, 19.6	`rgb(68.6%,33.3%,19.6%)`
CMYK	0, 51, 71, 31
HSL	16.8°, 55.6, 44.1	`hsl(16.8,55.6%,44.1%)`
HSV (or HSB)	16.8°, 71.4, 68.6
Web Safe	996633	`#996633`

CIE-LAB	46.768, 34.119, 36.874
XYZ	21.504, 15.843, 4.943
xyY	0.508, 0.375, 15.843
CIE-LCH	46.768, 50.237, 47.222
CIE-LUV	46.768, 70.593, 31.674
Hunter-Lab	39.804, 26.78, 20.499
Binary	10101111, 01010101, 00110010

#af5532
```
#af5532 rgb(175,85,50)
```
#328caf
```
#328caf rgb(50,140,175)
```

Complementary Color

#af324e
```
#af324e rgb(175,50,78)
```
#af5532
```
#af5532 rgb(175,85,50)
```
#af9432
```
#af9432 rgb(175,148,50)
```

Analogous Color

#324eaf
```
#324eaf rgb(50,78,175)
```
#af5532
```
#af5532 rgb(175,85,50)
```
#32af94
```
#32af94 rgb(50,175,148)
```

Split Complementary Color

#5532af
```
#5532af rgb(85,50,175)
```
#af5532
```
#af5532 rgb(175,85,50)
```
#32af55
```
#32af55 rgb(50,175,85)
```

Triadic Color

#af328c
```
#af328c rgb(175,50,140)
```
#af5532
```
#af5532 rgb(175,85,50)
```
#32af55
```
#32af55 rgb(50,175,85)
```
#328caf
```
#328caf rgb(50,140,175)
```

Tetradic Color

#743821
```
#743821 rgb(116,56,33)
```
#874227
```
#874227 rgb(135,66,39)
```
#9b4b2c
```
#9b4b2c rgb(155,75,44)
```
#af5532
```
#af5532 rgb(175,85,50)
```
#c35f38
```
#c35f38 rgb(195,95,56)
```
#cb6d49
```
#cb6d49 rgb(203,109,73)
```
#d17d5d
```
#d17d5d rgb(209,125,93)
```

Monochromatic Color

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

#af3632
```
#af3632 rgb(175,54,50)
```
#af4032
```
#af4032 rgb(175,64,50)
```
#af4b32
```
#af4b32 rgb(175,75,50)
```
#af5532
```
#af5532 rgb(175,85,50)
```
#af5f32
```
#af5f32 rgb(175,95,50)
```
#af6a32
```
#af6a32 rgb(175,106,50)
```
#af7432
```
#af7432 rgb(175,116,50)
```

Similar Colors

Text with hexadecimal color #af5532

This text has a font color of #af5532.

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

#af5532 background color

This paragraph has a background color of #af5532.

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

#af5532 border color

This element has a border color of #af5532.

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

CSS codes

.text {color:#af5532;}

.background {background-color:#af5532;}

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

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 #fdf9f7 is the lightest one.

#070302
```
#070302 rgb(7,3,2)
```
#160b06
```
#160b06 rgb(22,11,6)
```
#26120b
```
#26120b rgb(38,18,11)
```
#351a0f
```
#351a0f rgb(53,26,15)
```
#442113
```
#442113 rgb(68,33,19)
```
#532918
```
#532918 rgb(83,41,24)
```
#63301c
```
#63301c rgb(99,48,28)
```
#723721
```
#723721 rgb(114,55,33)
```
#813f25
```
#813f25 rgb(129,63,37)
```
#904629
```
#904629 rgb(144,70,41)
```
#a04e2e
```
#a04e2e rgb(160,78,46)
```
#af5532
```
#af5532 rgb(175,85,50)
```
#be5c36
```
#be5c36 rgb(190,92,54)
```

Shade Color Variation

#c86640
```
#c86640 rgb(200,102,64)
```
#cd724f
```
#cd724f rgb(205,114,79)
```
#d17e5e
```
#d17e5e rgb(209,126,94)
```
#d58b6e
```
#d58b6e rgb(213,139,110)
```
#da977d
```
#da977d rgb(218,151,125)
```
#dea38c
```
#dea38c rgb(222,163,140)
```
#e3af9b
```
#e3af9b rgb(227,175,155)
```
#e7bcab
```
#e7bcab rgb(231,188,171)
```
#ebc8ba
```
#ebc8ba rgb(235,200,186)
```
#f0d4c9
```
#f0d4c9 rgb(240,212,201)
```
#f4e0d8
```
#f4e0d8 rgb(244,224,216)
```
#f8ece8
```
#f8ece8 rgb(248,236,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 #da4207 is the most saturated one.

#72706f
```
#72706f rgb(114,112,111)
```
#7b6c66
```
#7b6c66 rgb(123,108,102)
```
#84685d
```
#84685d rgb(132,104,93)
```
#8c6455
```
#8c6455 rgb(140,100,85)
```
#95604c
```
#95604c rgb(149,96,76)
```
#9e5d43
```
#9e5d43 rgb(158,93,67)
```
#a6593b
```
#a6593b rgb(166,89,59)
```
#af5532
```
#af5532 rgb(175,85,50)
```
#b85129
```
#b85129 rgb(184,81,41)
```
#c04d21
```
#c04d21 rgb(192,77,33)
```
#c94a18
```
#c94a18 rgb(201,74,24)
```
#d2460f
```
#d2460f rgb(210,70,15)
```
#da4207
```
#da4207 rgb(218,66,7)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#796760 Atypical Achromatopsia 0.001% of the population

Dichromacy

#817644 Protanopia 1% of men
#917037 Deuteranopia 1% of men
#b5595f Tritanopia 0.001% of the population

Trichromacy

#926a3d Protanomaly 1% of men, 0.01% of women
#9c6635 Deuteranomaly 6% of men, 0.4% of women
#b2574e Tritanomaly 0.01% of the population

#af5532 hex color

#af5532 Color Information

#af5532 Color Conversion

Color Schemes with #af5532

Alternatives to #af5532

#af5532 Preview

Shades and Tints of #af5532

Tones of #af5532

Color Blindness Simulator