colorhexa.com

#af4411 hex color

In a RGB color space, hex #af4411 is composed of 68.6% red, 26.7% green and 6.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 61.1% magenta, 90.3% yellow and 31.4% black. It has a hue angle of 19.4 degrees, a saturation of 82.3% and a lightness of 37.6%. #af4411 color hex could be obtained by blending #ff8822 with #5f0000. Closest websafe color is: #993300.

- R 69
- G 27
- B 7
RGB color chart
- C 0
- M 61
- Y 90
- K 31
CMYK color chart

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

The hexadecimal color #af4411 has RGB values of R:175, G:68, B:17 and CMYK values of C:0, M:0.61, Y:0.9, K:0.31. Its decimal value is 11486225.

Hex triplet	af4411	`#af4411`
RGB Decimal	175, 68, 17	`rgb(175,68,17)`
RGB Percent	68.6, 26.7, 6.7	`rgb(68.6%,26.7%,6.7%)`
CMYK	0, 61, 90, 31
HSL	19.4°, 82.3, 37.6	`hsl(19.4,82.3%,37.6%)`
HSV (or HSB)	19.4°, 90.3, 68.6
Web Safe	993300	`#993300`

CIE-LAB	43.198, 41.477, 48.855
XYZ	19.848, 13.291, 2.051
xyY	0.564, 0.378, 13.291
CIE-LCH	43.198, 64.087, 49.67
CIE-LUV	43.198, 86.737, 35.066
Hunter-Lab	36.457, 33.383, 22.185
Binary	10101111, 01000100, 00010001

#af4411
```
#af4411 rgb(175,68,17)
```
#117caf
```
#117caf rgb(17,124,175)
```

Complementary Color

#af112d
```
#af112d rgb(175,17,45)
```
#af4411
```
#af4411 rgb(175,68,17)
```
#af9311
```
#af9311 rgb(175,147,17)
```

Analogous Color

#112daf
```
#112daf rgb(17,45,175)
```
#af4411
```
#af4411 rgb(175,68,17)
```
#11af93
```
#11af93 rgb(17,175,147)
```

Split Complementary Color

#4411af
```
#4411af rgb(68,17,175)
```
#af4411
```
#af4411 rgb(175,68,17)
```
#11af44
```
#11af44 rgb(17,175,68)
```

Triadic Color

#af117c
```
#af117c rgb(175,17,124)
```
#af4411
```
#af4411 rgb(175,68,17)
```
#11af44
```
#11af44 rgb(17,175,68)
```
#117caf
```
#117caf rgb(17,124,175)
```

Tetradic Color

#69290a
```
#69290a rgb(105,41,10)
```
#81320c
```
#81320c rgb(129,50,12)
```
#983b0f
```
#983b0f rgb(152,59,15)
```
#af4411
```
#af4411 rgb(175,68,17)
```
#c64d13
```
#c64d13 rgb(198,77,19)
```
#dd5616
```
#dd5616 rgb(221,86,22)
```
#ea6323
```
#ea6323 rgb(234,99,35)
```

Monochromatic Color

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

#af1d11
```
#af1d11 rgb(175,29,17)
```
#af2a11
```
#af2a11 rgb(175,42,17)
```
#af3711
```
#af3711 rgb(175,55,17)
```
#af4411
```
#af4411 rgb(175,68,17)
```
#af5111
```
#af5111 rgb(175,81,17)
```
#af5e11
```
#af5e11 rgb(175,94,17)
```
#af6c11
```
#af6c11 rgb(175,108,17)
```

Similar Colors

Text with hexadecimal color #af4411

This text has a font color of #af4411.

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

#af4411 background color

This paragraph has a background color of #af4411.

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

#af4411 border color

This element has a border color of #af4411.

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

CSS codes

.text {color:#af4411;}

.background {background-color:#af4411;}

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

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

#0e0501
```
#0e0501 rgb(14,5,1)
```
#200c03
```
#200c03 rgb(32,12,3)
```
#321305
```
#321305 rgb(50,19,5)
```
#441a07
```
#441a07 rgb(68,26,7)
```
#562108
```
#562108 rgb(86,33,8)
```
#67280a
```
#67280a rgb(103,40,10)
```
#792f0c
```
#792f0c rgb(121,47,12)
```
#8b360e
```
#8b360e rgb(139,54,14)
```
#9d3d0f
```
#9d3d0f rgb(157,61,15)
```
#af4411
```
#af4411 rgb(175,68,17)
```
#c14b13
```
#c14b13 rgb(193,75,19)
```
#d35214
```
#d35214 rgb(211,82,20)
```
#e55916
```
#e55916 rgb(229,89,22)
```

Shade Color Variation

#ea6425
```
#ea6425 rgb(234,100,37)
```
#ec7137
```
#ec7137 rgb(236,113,55)
```
#ed7e48
```
#ed7e48 rgb(237,126,72)
```
#ef8a5a
```
#ef8a5a rgb(239,138,90)
```
#f1976c
```
#f1976c rgb(241,151,108)
```
#f2a47e
```
#f2a47e rgb(242,164,126)
```
#f4b090
```
#f4b090 rgb(244,176,144)
```
#f6bda2
```
#f6bda2 rgb(246,189,162)
```
#f8cab4
```
#f8cab4 rgb(248,202,180)
```
#f9d6c6
```
#f9d6c6 rgb(249,214,198)
```
#fbe3d7
```
#fbe3d7 rgb(251,227,215)
```
#fdf0e9
```
#fdf0e9 rgb(253,240,233)
```
#fffcfb
```
#fffcfb rgb(255,252,251)
```

Tint Color Variation

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

#655e5b
```
#655e5b rgb(101,94,91)
```
#6d5c53
```
#6d5c53 rgb(109,92,83)
```
#74594c
```
#74594c rgb(116,89,76)
```
#7b5645
```
#7b5645 rgb(123,86,69)
```
#83543d
```
#83543d rgb(131,84,61)
```
#8a5136
```
#8a5136 rgb(138,81,54)
```
#914e2f
```
#914e2f rgb(145,78,47)
```
#994c27
```
#994c27 rgb(153,76,39)
```
#a04920
```
#a04920 rgb(160,73,32)
```
#a84718
```
#a84718 rgb(168,71,24)
```
#af4411
```
#af4411 rgb(175,68,17)
```
#b6410a
```
#b6410a rgb(182,65,10)
```
#be3f02
```
#be3f02 rgb(190,63,2)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#6e594f Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a6e25 Protanopia 1% of men
#896805 Deuteranopia 1% of men
#b4494d Tritanopia 0.001% of the population

Trichromacy

#8d5e1e Protanomaly 1% of men, 0.01% of women
#975b09 Deuteranomaly 6% of men, 0.4% of women
#b24737 Tritanomaly 0.01% of the population