#af4521 hex color

In a RGB color space, hex #af4521 is composed of 68.6% red, 27.1% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60.6% magenta, 81.1% yellow and 31.4% black. It has a hue angle of 15.2 degrees, a saturation of 68.3% and a lightness of 40.8%. #af4521 color hex could be obtained by blending #ff8a42 with #5f0000. Closest websafe color is: #993333.

♥
- f
- t
- g
- R 69
- G 27
- B 13
RGB color chart
- C 0
- M 61
- Y 81
- K 31
CMYK color chart

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

The hexadecimal color #af4521 has RGB values of R:175, G:69, B:33 and CMYK values of C:0, M:0.61, Y:0.81, K:0.31. Its decimal value is 11486497.

Hex triplet	af4521	`#af4521`
RGB Decimal	175, 69, 33	`rgb(175,69,33)`
RGB Percent	68.6, 27.1, 12.9	`rgb(68.6%,27.1%,12.9%)`
CMYK	0, 61, 81, 31
HSL	15.2°, 68.3, 40.8	`hsl(15.2,68.3%,40.8%)`
HSV (or HSB)	15.2°, 81.1, 68.6
Web Safe	993333	`#993333`

CIE-LAB	43.481, 41.421, 42.257
XYZ	20.083, 13.482, 2.984
xyY	0.549, 0.369, 13.482
CIE-LCH	43.481, 59.172, 45.572
CIE-LUV	43.481, 84.512, 31.846
Hunter-Lab	36.718, 33.373, 20.885
Binary	10101111, 01000101, 00100001

#af4521
```
#af4521 rgb(175,69,33)
```
#218baf
```
#218baf rgb(33,139,175)
```

Complementary Color

#af2144
```
#af2144 rgb(175,33,68)
```
#af4521
```
#af4521 rgb(175,69,33)
```
#af8c21
```
#af8c21 rgb(175,140,33)
```

Analogous Color

#2144af
```
#2144af rgb(33,68,175)
```
#af4521
```
#af4521 rgb(175,69,33)
```
#21af8c
```
#21af8c rgb(33,175,140)
```

Split Complementary Color

#4521af
```
#4521af rgb(69,33,175)
```
#af4521
```
#af4521 rgb(175,69,33)
```
#21af45
```
#21af45 rgb(33,175,69)
```

Triadic Color

#af218b
```
#af218b rgb(175,33,139)
```
#af4521
```
#af4521 rgb(175,69,33)
```
#21af45
```
#21af45 rgb(33,175,69)
```
#218baf
```
#218baf rgb(33,139,175)
```

Tetradic Color

#6f2c15
```
#6f2c15 rgb(111,44,21)
```
#843419
```
#843419 rgb(132,52,25)
```
#9a3d1d
```
#9a3d1d rgb(154,61,29)
```
#af4521
```
#af4521 rgb(175,69,33)
```
#c44d25
```
#c44d25 rgb(196,77,37)
```
#d7572c
```
#d7572c rgb(215,87,44)
```
#db6841
```
#db6841 rgb(219,104,65)
```

Monochromatic Color

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

#af2221
```
#af2221 rgb(175,34,33)
```
#af2d21
```
#af2d21 rgb(175,45,33)
```
#af3921
```
#af3921 rgb(175,57,33)
```
#af4521
```
#af4521 rgb(175,69,33)
```
#af5121
```
#af5121 rgb(175,81,33)
```
#af5d21
```
#af5d21 rgb(175,93,33)
```
#af6921
```
#af6921 rgb(175,105,33)
```

Similar Colors

Text with hexadecimal color #af4521

This text has a font color of #af4521.

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

#af4521 background color

This paragraph has a background color of #af4521.

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

#af4521 border color

This element has a border color of #af4521.

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

CSS codes

.text {color:#af4521;}

.background {background-color:#af4521;}

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

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, #0a0402 is the darkest color, while #fefaf8 is the lightest one.

#0a0402
```
#0a0402 rgb(10,4,2)
```
#1a0a05
```
#1a0a05 rgb(26,10,5)
```
#2b1108
```
#2b1108 rgb(43,17,8)
```
#3b170b
```
#3b170b rgb(59,23,11)
```
#4c1e0e
```
#4c1e0e rgb(76,30,14)
```
#5c2411
```
#5c2411 rgb(92,36,17)
```
#6d2b15
```
#6d2b15 rgb(109,43,21)
```
#7d3118
```
#7d3118 rgb(125,49,24)
```
#8e381b
```
#8e381b rgb(142,56,27)
```
#9e3e1e
```
#9e3e1e rgb(158,62,30)
```
#af4521
```
#af4521 rgb(175,69,33)
```
#c04c24
```
#c04c24 rgb(192,76,36)
```
#d05227
```
#d05227 rgb(208,82,39)
```

Shade Color Variation

#d85d32
```
#d85d32 rgb(216,93,50)
```
#dc6a43
```
#dc6a43 rgb(220,106,67)
```
#df7753
```
#df7753 rgb(223,119,83)
```
#e28464
```
#e28464 rgb(226,132,100)
```
#e59174
```
#e59174 rgb(229,145,116)
```
#e89e85
```
#e89e85 rgb(232,158,133)
```
#ebab95
```
#ebab95 rgb(235,171,149)
```
#eeb8a6
```
#eeb8a6 rgb(238,184,166)
```
#f1c5b6
```
#f1c5b6 rgb(241,197,182)
```
#f4d2c7
```
#f4d2c7 rgb(244,210,199)
```
#f8e0d7
```
#f8e0d7 rgb(248,224,215)
```
#fbede8
```
#fbede8 rgb(251,237,232)
```
#fefaf8
```
#fefaf8 rgb(254,250,248)
```

Tint Color Variation

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

#6f6561
```
#6f6561 rgb(111,101,97)
```
#776159
```
#776159 rgb(119,97,89)
```
#7f5d51
```
#7f5d51 rgb(127,93,81)
```
#875949
```
#875949 rgb(135,89,73)
```
#8f5541
```
#8f5541 rgb(143,85,65)
```
#975139
```
#975139 rgb(151,81,57)
```
#9f4d31
```
#9f4d31 rgb(159,77,49)
```
#a74929
```
#a74929 rgb(167,73,41)
```
#af4521
```
#af4521 rgb(175,69,33)
```
#b74119
```
#b74119 rgb(183,65,25)
```
#bf3d11
```
#bf3d11 rgb(191,61,17)
```
#c73909
```
#c73909 rgb(199,57,9)
```
#cf3501
```
#cf3501 rgb(207,53,1)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#715b54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a6e35 Protanopia 1% of men
#896923 Deuteranopia 1% of men
#b44a4f Tritanopia 0.001% of the population

Trichromacy

#8d5f2d Protanomaly 1% of men, 0.01% of women
#975c22 Deuteranomaly 6% of men, 0.4% of women
#b2483e Tritanomaly 0.01% of the population

#af4521 hex color

#af4521 Color Information

#af4521 Color Conversion

Color Schemes with #af4521

Alternatives to #af4521

#af4521 Preview

Shades and Tints of #af4521

Tones of #af4521

Color Blindness Simulator