#af511a hex color

In a RGB color space, hex #af511a is composed of 68.6% red, 31.8% green and 10.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.7% magenta, 85.1% yellow and 31.4% black. It has a hue angle of 22.1 degrees, a saturation of 74.1% and a lightness of 39.4%. #af511a color hex could be obtained by blending #ffa234 with #5f0000. Closest websafe color is: #996633.

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

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

The hexadecimal color #af511a has RGB values of R:175, G:81, B:26 and CMYK values of C:0, M:0.54, Y:0.85, K:0.31. Its decimal value is 11489562.

Hex triplet	af511a	`#af511a`
RGB Decimal	175, 81, 26	`rgb(175,81,26)`
RGB Percent	68.6, 31.8, 10.2	`rgb(68.6%,31.8%,10.2%)`
CMYK	0, 54, 85, 31
HSL	22.1°, 74.1, 39.4	`hsl(22.1,74.1%,39.4%)`
HSV (or HSB)	22.1°, 85.1, 68.6
Web Safe	996633	`#996633`

CIE-LAB	45.737, 35.242, 47.472
XYZ	20.809, 15.075, 2.791
xyY	0.538, 0.39, 15.075
CIE-LCH	45.737, 59.124, 53.41
CIE-LUV	45.737, 76.209, 37.508
Hunter-Lab	38.827, 27.717, 22.917
Binary	10101111, 01010001, 00011010

#af511a
```
#af511a rgb(175,81,26)
```
#1a78af
```
#1a78af rgb(26,120,175)
```

Complementary Color

#af1a2e
```
#af1a2e rgb(175,26,46)
```
#af511a
```
#af511a rgb(175,81,26)
```
#af9c1a
```
#af9c1a rgb(175,156,26)
```

Analogous Color

#1a2eaf
```
#1a2eaf rgb(26,46,175)
```
#af511a
```
#af511a rgb(175,81,26)
```
#1aaf9c
```
#1aaf9c rgb(26,175,156)
```

Split Complementary Color

#511aaf
```
#511aaf rgb(81,26,175)
```
#af511a
```
#af511a rgb(175,81,26)
```
#1aaf51
```
#1aaf51 rgb(26,175,81)
```

Triadic Color

#af1a78
```
#af1a78 rgb(175,26,120)
```
#af511a
```
#af511a rgb(175,81,26)
```
#1aaf51
```
#1aaf51 rgb(26,175,81)
```
#1a78af
```
#1a78af rgb(26,120,175)
```

Tetradic Color

#6c3210
```
#6c3210 rgb(108,50,16)
```
#833c13
```
#833c13 rgb(131,60,19)
```
#994717
```
#994717 rgb(153,71,23)
```
#af511a
```
#af511a rgb(175,81,26)
```
#c55b1d
```
#c55b1d rgb(197,91,29)
```
#db6621
```
#db6621 rgb(219,102,33)
```
#e17435
```
#e17435 rgb(225,116,53)
```

Monochromatic Color

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

#af2c1a
```
#af2c1a rgb(175,44,26)
```
#af381a
```
#af381a rgb(175,56,26)
```
#af451a
```
#af451a rgb(175,69,26)
```
#af511a
```
#af511a rgb(175,81,26)
```
#af5d1a
```
#af5d1a rgb(175,93,26)
```
#af6a1a
```
#af6a1a rgb(175,106,26)
```
#af761a
```
#af761a rgb(175,118,26)
```

Similar Colors

Text with hexadecimal color #af511a

This text has a font color of #af511a.

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

#af511a background color

This paragraph has a background color of #af511a.

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

#af511a border color

This element has a border color of #af511a.

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

CSS codes

.text {color:#af511a;}

.background {background-color:#af511a;}

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

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

#040201
```
#040201 rgb(4,2,1)
```
#150a03
```
#150a03 rgb(21,10,3)
```
#261206
```
#261206 rgb(38,18,6)
```
#371a08
```
#371a08 rgb(55,26,8)
```
#49220b
```
#49220b rgb(73,34,11)
```
#5a290d
```
#5a290d rgb(90,41,13)
```
#6b3110
```
#6b3110 rgb(107,49,16)
```
#7c3912
```
#7c3912 rgb(124,57,18)
```
#8d4115
```
#8d4115 rgb(141,65,21)
```
#9e4917
```
#9e4917 rgb(158,73,23)
```
#af511a
```
#af511a rgb(175,81,26)
```
#c0591d
```
#c0591d rgb(192,89,29)
```
#d1611f
```
#d1611f rgb(209,97,31)
```

Shade Color Variation

#df6a25
```
#df6a25 rgb(223,106,37)
```
#e17536
```
#e17536 rgb(225,117,54)
```
#e48147
```
#e48147 rgb(228,129,71)
```
#e68d58
```
#e68d58 rgb(230,141,88)
```
#e9986a
```
#e9986a rgb(233,152,106)
```
#eba47b
```
#eba47b rgb(235,164,123)
```
#eeb08c
```
#eeb08c rgb(238,176,140)
```
#f0bc9d
```
#f0bc9d rgb(240,188,157)
```
#f3c7ae
```
#f3c7ae rgb(243,199,174)
```
#f5d3bf
```
#f5d3bf rgb(245,211,191)
```
#f8dfd0
```
#f8dfd0 rgb(248,223,208)
```
#fbeae1
```
#fbeae1 rgb(251,234,225)
```
#fdf6f2
```
#fdf6f2 rgb(253,246,242)
```

Tint Color Variation

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

#696360
```
#696360 rgb(105,99,96)
```
#716158
```
#716158 rgb(113,97,88)
```
#795f50
```
#795f50 rgb(121,95,80)
```
#815d48
```
#815d48 rgb(129,93,72)
```
#885b41
```
#885b41 rgb(136,91,65)
```
#905939
```
#905939 rgb(144,89,57)
```
#985731
```
#985731 rgb(152,87,49)
```
#a05529
```
#a05529 rgb(160,85,41)
```
#a75322
```
#a75322 rgb(167,83,34)
```
#af511a
```
#af511a rgb(175,81,26)
```
#b74f12
```
#b74f12 rgb(183,79,18)
```
#be4d0b
```
#be4d0b rgb(190,77,11)
```
#c64b03
```
#c64b03 rgb(198,75,3)
```

Tone Color Variation

Below, you can see how #af511a 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
#756358 Atypical Achromatopsia 0.001% of the population

Dichromacy

#80742c Protanopia 1% of men
#906e1c Deuteranopia 1% of men
#b5545a Tritanopia 0.001% of the population

Trichromacy

#916725 Protanomaly 1% of men, 0.01% of women
#9b631b Deuteranomaly 6% of men, 0.4% of women
#b35342 Tritanomaly 0.01% of the population

#af511a hex color

#af511a Color Information

#af511a Color Conversion

Color Schemes with #af511a

Alternatives to #af511a

#af511a Preview

Shades and Tints of #af511a

Tones of #af511a

Color Blindness Simulator