#af4311 hex color

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

♥
- f
- t
- g
- R 69
- G 26
- B 7
RGB color chart
- C 0
- M 62
- Y 90
- K 31
CMYK color chart

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

The hexadecimal color #af4311 has RGB values of R:175, G:67, B:17 and CMYK values of C:0, M:0.62, Y:0.9, K:0.31. Its decimal value is 11485969.

Hex triplet	af4311	`#af4311`
RGB Decimal	175, 67, 17	`rgb(175,67,17)`
RGB Percent	68.6, 26.3, 6.7	`rgb(68.6%,26.3%,6.7%)`
CMYK	0, 62, 90, 31
HSL	19°, 82.3, 37.6	`hsl(19,82.3%,37.6%)`
HSV (or HSB)	19°, 90.3, 68.6
Web Safe	993300	`#993300`

CIE-LAB	43.02, 41.948, 48.721
XYZ	19.788, 13.171, 2.031
xyY	0.566, 0.376, 13.171
CIE-LCH	43.02, 64.291, 49.272
CIE-LUV	43.02, 87.47, 34.769
Hunter-Lab	36.292, 33.818, 22.087
Binary	10101111, 01000011, 00010001

#af4311
```
#af4311 rgb(175,67,17)
```
#117daf
```
#117daf rgb(17,125,175)
```

Complementary Color

#af112e
```
#af112e rgb(175,17,46)
```
#af4311
```
#af4311 rgb(175,67,17)
```
#af9211
```
#af9211 rgb(175,146,17)
```

Analogous Color

#112eaf
```
#112eaf rgb(17,46,175)
```
#af4311
```
#af4311 rgb(175,67,17)
```
#11af92
```
#11af92 rgb(17,175,146)
```

Split Complementary Color

#4311af
```
#4311af rgb(67,17,175)
```
#af4311
```
#af4311 rgb(175,67,17)
```
#11af43
```
#11af43 rgb(17,175,67)
```

Triadic Color

#af117d
```
#af117d rgb(175,17,125)
```
#af4311
```
#af4311 rgb(175,67,17)
```
#11af43
```
#11af43 rgb(17,175,67)
```
#117daf
```
#117daf rgb(17,125,175)
```

Tetradic Color

#69280a
```
#69280a rgb(105,40,10)
```
#81310c
```
#81310c rgb(129,49,12)
```
#983a0f
```
#983a0f rgb(152,58,15)
```
#af4311
```
#af4311 rgb(175,67,17)
```
#c64c13
```
#c64c13 rgb(198,76,19)
```
#dd5516
```
#dd5516 rgb(221,85,22)
```
#ea6223
```
#ea6223 rgb(234,98,35)
```

Monochromatic Color

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

#af1c11
```
#af1c11 rgb(175,28,17)
```
#af2911
```
#af2911 rgb(175,41,17)
```
#af3611
```
#af3611 rgb(175,54,17)
```
#af4311
```
#af4311 rgb(175,67,17)
```
#af5011
```
#af5011 rgb(175,80,17)
```
#af5d11
```
#af5d11 rgb(175,93,17)
```
#af6b11
```
#af6b11 rgb(175,107,17)
```

Similar Colors

Text with hexadecimal color #af4311

This text has a font color of #af4311.

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

#af4311 background color

This paragraph has a background color of #af4311.

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

#af4311 border color

This element has a border color of #af4311.

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

CSS codes

.text {color:#af4311;}

.background {background-color:#af4311;}

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

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)
```
#792e0c
```
#792e0c rgb(121,46,12)
```
#8b350e
```
#8b350e rgb(139,53,14)
```
#9d3c0f
```
#9d3c0f rgb(157,60,15)
```
#af4311
```
#af4311 rgb(175,67,17)
```
#c14a13
```
#c14a13 rgb(193,74,19)
```
#d35114
```
#d35114 rgb(211,81,20)
```
#e55816
```
#e55816 rgb(229,88,22)
```

Shade Color Variation

#ea6325
```
#ea6325 rgb(234,99,37)
```
#ec7037
```
#ec7037 rgb(236,112,55)
```
#ed7d48
```
#ed7d48 rgb(237,125,72)
```
#ef895a
```
#ef895a rgb(239,137,90)
```
#f1966c
```
#f1966c rgb(241,150,108)
```
#f2a37e
```
#f2a37e rgb(242,163,126)
```
#f4b090
```
#f4b090 rgb(244,176,144)
```
#f6bca2
```
#f6bca2 rgb(246,188,162)
```
#f8c9b4
```
#f8c9b4 rgb(248,201,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 #be3e02 is the most saturated one.

#655e5b
```
#655e5b rgb(101,94,91)
```
#6d5b53
```
#6d5b53 rgb(109,91,83)
```
#74594c
```
#74594c rgb(116,89,76)
```
#7b5645
```
#7b5645 rgb(123,86,69)
```
#83533d
```
#83533d rgb(131,83,61)
```
#8a5136
```
#8a5136 rgb(138,81,54)
```
#914e2f
```
#914e2f rgb(145,78,47)
```
#994b27
```
#994b27 rgb(153,75,39)
```
#a04820
```
#a04820 rgb(160,72,32)
```
#a84618
```
#a84618 rgb(168,70,24)
```
#af4311
```
#af4311 rgb(175,67,17)
```
#b6400a
```
#b6400a rgb(182,64,10)
```
#be3e02
```
#be3e02 rgb(190,62,2)
```

Tone Color Variation

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

#7a6d25 Protanopia 1% of men
#896804 Deuteranopia 1% of men
#b4484c Tritanopia 0.001% of the population

Trichromacy

#8d5e1e Protanomaly 1% of men, 0.01% of women
#965a09 Deuteranomaly 6% of men, 0.4% of women
#b24636 Tritanomaly 0.01% of the population

#af4311 hex color

#af4311 Color Information

#af4311 Color Conversion

Color Schemes with #af4311

Alternatives to #af4311

#af4311 Preview

Shades and Tints of #af4311

Tones of #af4311

Color Blindness Simulator