#af510a hex color

In a RGB color space, hex #af510a is composed of 68.6% red, 31.8% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.7% magenta, 94.3% yellow and 31.4% black. It has a hue angle of 25.8 degrees, a saturation of 89.2% and a lightness of 36.3%. #af510a color hex could be obtained by blending #ffa214 with #5f0000. Closest websafe color is: #996600.

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

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

The hexadecimal color #af510a has RGB values of R:175, G:81, B:10 and CMYK values of C:0, M:0.54, Y:0.94, K:0.31. Its decimal value is 11489546.

Hex triplet	af510a	`#af510a`
RGB Decimal	175, 81, 10	`rgb(175,81,10)`
RGB Percent	68.6, 31.8, 3.9	`rgb(68.6%,31.8%,3.9%)`
CMYK	0, 54, 94, 31
HSL	25.8°, 89.2, 36.3	`hsl(25.8,89.2%,36.3%)`
HSV (or HSB)	25.8°, 94.3, 68.6
Web Safe	996600	`#996600`

CIE-LAB	45.665, 34.916, 52.701
XYZ	20.677, 15.023, 2.098
xyY	0.547, 0.397, 15.023
CIE-LCH	45.665, 63.218, 56.475
CIE-LUV	45.665, 77.153, 40.087
Hunter-Lab	38.759, 27.397, 23.922
Binary	10101111, 01010001, 00001010

#af510a
```
#af510a rgb(175,81,10)
```
#0a68af
```
#0a68af rgb(10,104,175)
```

Complementary Color

#af0a16
```
#af0a16 rgb(175,10,22)
```
#af510a
```
#af510a rgb(175,81,10)
```
#afa40a
```
#afa40a rgb(175,164,10)
```

Analogous Color

#0a16af
```
#0a16af rgb(10,22,175)
```
#af510a
```
#af510a rgb(175,81,10)
```
#0aafa4
```
#0aafa4 rgb(10,175,164)
```

Split Complementary Color

#510aaf
```
#510aaf rgb(81,10,175)
```
#af510a
```
#af510a rgb(175,81,10)
```
#0aaf51
```
#0aaf51 rgb(10,175,81)
```

Triadic Color

#af0a68
```
#af0a68 rgb(175,10,104)
```
#af510a
```
#af510a rgb(175,81,10)
```
#0aaf51
```
#0aaf51 rgb(10,175,81)
```
#0a68af
```
#0a68af rgb(10,104,175)
```

Tetradic Color

#673006
```
#673006 rgb(103,48,6)
```
#7f3b07
```
#7f3b07 rgb(127,59,7)
```
#974609
```
#974609 rgb(151,70,9)
```
#af510a
```
#af510a rgb(175,81,10)
```
#c75c0b
```
#c75c0b rgb(199,92,11)
```
#df670d
```
#df670d rgb(223,103,13)
```
#f27314
```
#f27314 rgb(242,115,20)
```

Monochromatic Color

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

#af280a
```
#af280a rgb(175,40,10)
```
#af350a
```
#af350a rgb(175,53,10)
```
#af430a
```
#af430a rgb(175,67,10)
```
#af510a
```
#af510a rgb(175,81,10)
```
#af5f0a
```
#af5f0a rgb(175,95,10)
```
#af6d0a
```
#af6d0a rgb(175,109,10)
```
#af7a0a
```
#af7a0a rgb(175,122,10)
```

Similar Colors

Text with hexadecimal color #af510a

This text has a font color of #af510a.

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

#af510a background color

This paragraph has a background color of #af510a.

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

#af510a border color

This element has a border color of #af510a.

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

CSS codes

.text {color:#af510a;}

.background {background-color:#af510a;}

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

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

#080400
```
#080400 rgb(8,4,0)
```
#1b0c02
```
#1b0c02 rgb(27,12,2)
```
#2d1503
```
#2d1503 rgb(45,21,3)
```
#401d04
```
#401d04 rgb(64,29,4)
```
#522605
```
#522605 rgb(82,38,5)
```
#652f06
```
#652f06 rgb(101,47,6)
```
#773707
```
#773707 rgb(119,55,7)
```
#8a4008
```
#8a4008 rgb(138,64,8)
```
#9c4809
```
#9c4809 rgb(156,72,9)
```
#af510a
```
#af510a rgb(175,81,10)
```
#c25a0b
```
#c25a0b rgb(194,90,11)
```
#d4620c
```
#d4620c rgb(212,98,12)
```
#e76b0d
```
#e76b0d rgb(231,107,13)
```

Shade Color Variation

#f27416
```
#f27416 rgb(242,116,22)
```
#f37f28
```
#f37f28 rgb(243,127,40)
```
#f48a3b
```
#f48a3b rgb(244,138,59)
```
#f5954d
```
#f5954d rgb(245,149,77)
```
#f6a160
```
#f6a160 rgb(246,161,96)
```
#f7ac73
```
#f7ac73 rgb(247,172,115)
```
#f8b785
```
#f8b785 rgb(248,183,133)
```
#f9c298
```
#f9c298 rgb(249,194,152)
```
#facdaa
```
#facdaa rgb(250,205,170)
```
#fbd8bd
```
#fbd8bd rgb(251,216,189)
```
#fce3cf
```
#fce3cf rgb(252,227,207)
```
#fdeee2
```
#fdeee2 rgb(253,238,226)
```
#fef9f4
```
#fef9f4 rgb(254,249,244)
```

Tint Color Variation

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

#615c58
```
#615c58 rgb(97,92,88)
```
#685b51
```
#685b51 rgb(104,91,81)
```
#6f5a4a
```
#6f5a4a rgb(111,90,74)
```
#765943
```
#765943 rgb(118,89,67)
```
#7d583c
```
#7d583c rgb(125,88,60)
```
#845735
```
#845735 rgb(132,87,53)
```
#8b562e
```
#8b562e rgb(139,86,46)
```
#935526
```
#935526 rgb(147,85,38)
```
#9a541f
```
#9a541f rgb(154,84,31)
```
#a15318
```
#a15318 rgb(161,83,24)
```
#a85211
```
#a85211 rgb(168,82,17)
```
#af510a
```
#af510a rgb(175,81,10)
```
#b65003
```
#b65003 rgb(182,80,3)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#746153 Atypical Achromatopsia 0.001% of the population

Dichromacy

#81731d Protanopia 1% of men
#906e00 Deuteranopia 1% of men
#b55459 Tritanopia 0.001% of the population

Trichromacy

#926716 Protanomaly 1% of men, 0.01% of women
#9b6303 Deuteranomaly 6% of men, 0.4% of women
#b3533c Tritanomaly 0.01% of the population

#af510a hex color

#af510a Color Information

#af510a Color Conversion

Color Schemes with #af510a

Alternatives to #af510a

#af510a Preview

Shades and Tints of #af510a

Tones of #af510a

Color Blindness Simulator