#af521b hex color

In a RGB color space, hex #af521b is composed of 68.6% red, 32.2% green and 10.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.1% magenta, 84.6% yellow and 31.4% black. It has a hue angle of 22.3 degrees, a saturation of 73.3% and a lightness of 39.6%. #af521b color hex could be obtained by blending #ffa436 with #5f0000. Closest websafe color is: #996633.

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

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

The hexadecimal color #af521b has RGB values of R:175, G:82, B:27 and CMYK values of C:0, M:0.53, Y:0.85, K:0.31. Its decimal value is 11489819.

Hex triplet	af521b	`#af521b`
RGB Decimal	175, 82, 27	`rgb(175,82,27)`
RGB Percent	68.6, 32.2, 10.6	`rgb(68.6%,32.2%,10.6%)`
CMYK	0, 53, 85, 31
HSL	22.3°, 73.3, 39.6	`hsl(22.3,73.3%,39.6%)`
HSV (or HSB)	22.3°, 84.6, 68.6
Web Safe	996633	`#996633`

CIE-LAB	45.947, 34.753, 47.242
XYZ	20.895, 15.23, 2.876
xyY	0.536, 0.39, 15.23
CIE-LCH	45.947, 58.648, 53.66
CIE-LUV	45.947, 75.354, 37.628
Hunter-Lab	39.025, 27.279, 22.948
Binary	10101111, 01010010, 00011011

#af521b
```
#af521b rgb(175,82,27)
```
#1b78af
```
#1b78af rgb(27,120,175)
```

Complementary Color

#af1b2e
```
#af1b2e rgb(175,27,46)
```
#af521b
```
#af521b rgb(175,82,27)
```
#af9c1b
```
#af9c1b rgb(175,156,27)
```

Analogous Color

#1b2eaf
```
#1b2eaf rgb(27,46,175)
```
#af521b
```
#af521b rgb(175,82,27)
```
#1baf9c
```
#1baf9c rgb(27,175,156)
```

Split Complementary Color

#521baf
```
#521baf rgb(82,27,175)
```
#af521b
```
#af521b rgb(175,82,27)
```
#1baf52
```
#1baf52 rgb(27,175,82)
```

Triadic Color

#af1b78
```
#af1b78 rgb(175,27,120)
```
#af521b
```
#af521b rgb(175,82,27)
```
#1baf52
```
#1baf52 rgb(27,175,82)
```
#1b78af
```
#1b78af rgb(27,120,175)
```

Tetradic Color

#6d3311
```
#6d3311 rgb(109,51,17)
```
#833d14
```
#833d14 rgb(131,61,20)
```
#994818
```
#994818 rgb(153,72,24)
```
#af521b
```
#af521b rgb(175,82,27)
```
#c55c1e
```
#c55c1e rgb(197,92,30)
```
#db6722
```
#db6722 rgb(219,103,34)
```
#e07536
```
#e07536 rgb(224,117,54)
```

Monochromatic Color

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

#af2d1b
```
#af2d1b rgb(175,45,27)
```
#af391b
```
#af391b rgb(175,57,27)
```
#af461b
```
#af461b rgb(175,70,27)
```
#af521b
```
#af521b rgb(175,82,27)
```
#af5e1b
```
#af5e1b rgb(175,94,27)
```
#af6b1b
```
#af6b1b rgb(175,107,27)
```
#af771b
```
#af771b rgb(175,119,27)
```

Similar Colors

Text with hexadecimal color #af521b

This text has a font color of #af521b.

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

#af521b background color

This paragraph has a background color of #af521b.

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

#af521b border color

This element has a border color of #af521b.

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

CSS codes

.text {color:#af521b;}

.background {background-color:#af521b;}

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

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

#050201
```
#050201 rgb(5,2,1)
```
#160a03
```
#160a03 rgb(22,10,3)
```
#271206
```
#271206 rgb(39,18,6)
```
#381a09
```
#381a09 rgb(56,26,9)
```
#49220b
```
#49220b rgb(73,34,11)
```
#5a2a0e
```
#5a2a0e rgb(90,42,14)
```
#6b3211
```
#6b3211 rgb(107,50,17)
```
#7c3a13
```
#7c3a13 rgb(124,58,19)
```
#8d4216
```
#8d4216 rgb(141,66,22)
```
#9e4a18
```
#9e4a18 rgb(158,74,24)
```
#af521b
```
#af521b rgb(175,82,27)
```
#c05a1e
```
#c05a1e rgb(192,90,30)
```
#d16220
```
#d16220 rgb(209,98,32)
```

Shade Color Variation

#de6b27
```
#de6b27 rgb(222,107,39)
```
#e07738
```
#e07738 rgb(224,119,56)
```
#e38249
```
#e38249 rgb(227,130,73)
```
#e68e5a
```
#e68e5a rgb(230,142,90)
```
#e89a6b
```
#e89a6b rgb(232,154,107)
```
#eba57c
```
#eba57c rgb(235,165,124)
```
#edb18d
```
#edb18d rgb(237,177,141)
```
#f0bd9e
```
#f0bd9e rgb(240,189,158)
```
#f3c8af
```
#f3c8af rgb(243,200,175)
```
#f5d4c0
```
#f5d4c0 rgb(245,212,192)
```
#f8e0d1
```
#f8e0d1 rgb(248,224,209)
```
#fbebe2
```
#fbebe2 rgb(251,235,226)
```
#fdf7f3
```
#fdf7f3 rgb(253,247,243)
```

Tint Color Variation

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

#696461
```
#696461 rgb(105,100,97)
```
#716259
```
#716259 rgb(113,98,89)
```
#796051
```
#796051 rgb(121,96,81)
```
#805e4a
```
#805e4a rgb(128,94,74)
```
#885c42
```
#885c42 rgb(136,92,66)
```
#905a3a
```
#905a3a rgb(144,90,58)
```
#985832
```
#985832 rgb(152,88,50)
```
#9f562b
```
#9f562b rgb(159,86,43)
```
#a75423
```
#a75423 rgb(167,84,35)
```
#af521b
```
#af521b rgb(175,82,27)
```
#b75013
```
#b75013 rgb(183,80,19)
```
#bf4e0b
```
#bf4e0b rgb(191,78,11)
```
#c64c04
```
#c64c04 rgb(198,76,4)
```

Tone Color Variation

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

#81742d Protanopia 1% of men
#916e1d Deuteranopia 1% of men
#b5555b Tritanopia 0.001% of the population

Trichromacy

#926826 Protanomaly 1% of men, 0.01% of women
#9b641c Deuteranomaly 6% of men, 0.4% of women
#b35443 Tritanomaly 0.01% of the population

#af521b hex color

#af521b Color Information

#af521b Color Conversion

Color Schemes with #af521b

Alternatives to #af521b

#af521b Preview

Shades and Tints of #af521b

Tones of #af521b

Color Blindness Simulator