#af5311 hex color

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

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

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

The hexadecimal color #af5311 has RGB values of R:175, G:83, B:17 and CMYK values of C:0, M:0.53, Y:0.9, K:0.31. Its decimal value is 11490065.

Hex triplet	af5311	`#af5311`
RGB Decimal	175, 83, 17	`rgb(175,83,17)`
RGB Percent	68.6, 32.5, 6.7	`rgb(68.6%,32.5%,6.7%)`
CMYK	0, 53, 90, 31
HSL	25.1°, 82.3, 37.6	`hsl(25.1,82.3%,37.6%)`
HSV (or HSB)	25.1°, 90.3, 68.6
Web Safe	996600	`#996600`

CIE-LAB	46.1, 33.994, 51.051
XYZ	20.874, 15.343, 2.393
xyY	0.541, 0.397, 15.343
CIE-LCH	46.1, 61.334, 56.342
CIE-LUV	46.1, 75.242, 39.839
Hunter-Lab	39.17, 26.578, 23.798
Binary	10101111, 01010011, 00010001

#af5311
```
#af5311 rgb(175,83,17)
```
#116daf
```
#116daf rgb(17,109,175)
```

Complementary Color

#af111e
```
#af111e rgb(175,17,30)
```
#af5311
```
#af5311 rgb(175,83,17)
```
#afa211
```
#afa211 rgb(175,162,17)
```

Analogous Color

#111eaf
```
#111eaf rgb(17,30,175)
```
#af5311
```
#af5311 rgb(175,83,17)
```
#11afa2
```
#11afa2 rgb(17,175,162)
```

Split Complementary Color

#5311af
```
#5311af rgb(83,17,175)
```
#af5311
```
#af5311 rgb(175,83,17)
```
#11af53
```
#11af53 rgb(17,175,83)
```

Triadic Color

#af116d
```
#af116d rgb(175,17,109)
```
#af5311
```
#af5311 rgb(175,83,17)
```
#11af53
```
#11af53 rgb(17,175,83)
```
#116daf
```
#116daf rgb(17,109,175)
```

Tetradic Color

#69320a
```
#69320a rgb(105,50,10)
```
#813d0c
```
#813d0c rgb(129,61,12)
```
#98480f
```
#98480f rgb(152,72,15)
```
#af5311
```
#af5311 rgb(175,83,17)
```
#c65e13
```
#c65e13 rgb(198,94,19)
```
#dd6916
```
#dd6916 rgb(221,105,22)
```
#ea7623
```
#ea7623 rgb(234,118,35)
```

Monochromatic Color

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

#af2c11
```
#af2c11 rgb(175,44,17)
```
#af3911
```
#af3911 rgb(175,57,17)
```
#af4611
```
#af4611 rgb(175,70,17)
```
#af5311
```
#af5311 rgb(175,83,17)
```
#af6011
```
#af6011 rgb(175,96,17)
```
#af6d11
```
#af6d11 rgb(175,109,17)
```
#af7b11
```
#af7b11 rgb(175,123,17)
```

Similar Colors

Text with hexadecimal color #af5311

This text has a font color of #af5311.

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

#af5311 background color

This paragraph has a background color of #af5311.

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

#af5311 border color

This element has a border color of #af5311.

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

CSS codes

.text {color:#af5311;}

.background {background-color:#af5311;}

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

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

#0e0701
```
#0e0701 rgb(14,7,1)
```
#200f03
```
#200f03 rgb(32,15,3)
```
#321805
```
#321805 rgb(50,24,5)
```
#442007
```
#442007 rgb(68,32,7)
```
#562908
```
#562908 rgb(86,41,8)
```
#67310a
```
#67310a rgb(103,49,10)
```
#793a0c
```
#793a0c rgb(121,58,12)
```
#8b420e
```
#8b420e rgb(139,66,14)
```
#9d4b0f
```
#9d4b0f rgb(157,75,15)
```
#af5311
```
#af5311 rgb(175,83,17)
```
#c15b13
```
#c15b13 rgb(193,91,19)
```
#d36414
```
#d36414 rgb(211,100,20)
```
#e56c16
```
#e56c16 rgb(229,108,22)
```

Shade Color Variation

#ea7725
```
#ea7725 rgb(234,119,37)
```
#ec8237
```
#ec8237 rgb(236,130,55)
```
#ed8d48
```
#ed8d48 rgb(237,141,72)
```
#ef985a
```
#ef985a rgb(239,152,90)
```
#f1a46c
```
#f1a46c rgb(241,164,108)
```
#f2af7e
```
#f2af7e rgb(242,175,126)
```
#f4ba90
```
#f4ba90 rgb(244,186,144)
```
#f6c5a2
```
#f6c5a2 rgb(246,197,162)
```
#f8d0b4
```
#f8d0b4 rgb(248,208,180)
```
#f9dbc6
```
#f9dbc6 rgb(249,219,198)
```
#fbe6d7
```
#fbe6d7 rgb(251,230,215)
```
#fdf2e9
```
#fdf2e9 rgb(253,242,233)
```
#fffdfb
```
#fffdfb rgb(255,253,251)
```

Tint Color Variation

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

#655f5b
```
#655f5b rgb(101,95,91)
```
#6d5e53
```
#6d5e53 rgb(109,94,83)
```
#745d4c
```
#745d4c rgb(116,93,76)
```
#7b5c45
```
#7b5c45 rgb(123,92,69)
```
#835a3d
```
#835a3d rgb(131,90,61)
```
#8a5936
```
#8a5936 rgb(138,89,54)
```
#91582f
```
#91582f rgb(145,88,47)
```
#995727
```
#995727 rgb(153,87,39)
```
#a05520
```
#a05520 rgb(160,85,32)
```
#a85418
```
#a85418 rgb(168,84,24)
```
#af5311
```
#af5311 rgb(175,83,17)
```
#b6520a
```
#b6520a rgb(182,82,10)
```
#be5102
```
#be5102 rgb(190,81,2)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#756356 Atypical Achromatopsia 0.001% of the population

Dichromacy

#827423 Protanopia 1% of men
#926f0e Deuteranopia 1% of men
#b5565b Tritanopia 0.001% of the population

Trichromacy

#92681c Protanomaly 1% of men, 0.01% of women
#9c640f Deuteranomaly 6% of men, 0.4% of women
#b35540 Tritanomaly 0.01% of the population

#af5311 hex color

#af5311 Color Information

#af5311 Color Conversion

Color Schemes with #af5311

Alternatives to #af5311

#af5311 Preview

Shades and Tints of #af5311

Tones of #af5311

Color Blindness Simulator