#af6012 hex color

In a RGB color space, hex #af6012 is composed of 68.6% red, 37.6% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.1% magenta, 89.7% yellow and 31.4% black. It has a hue angle of 29.8 degrees, a saturation of 81.3% and a lightness of 37.8%. #af6012 color hex could be obtained by blending #ffc024 with #5f0000. Closest websafe color is: #996600.

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

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

The hexadecimal color #af6012 has RGB values of R:175, G:96, B:18 and CMYK values of C:0, M:0.45, Y:0.9, K:0.31. Its decimal value is 11493394.

Hex triplet	af6012	`#af6012`
RGB Decimal	175, 96, 18	`rgb(175,96,18)`
RGB Percent	68.6, 37.6, 7.1	`rgb(68.6%,37.6%,7.1%)`
CMYK	0, 45, 90, 31
HSL	29.8°, 81.3, 37.8	`hsl(29.8,81.3%,37.8%)`
HSV (or HSB)	29.8°, 89.7, 68.6
Web Safe	996600	`#996600`

CIE-LAB	48.915, 27.058, 52.904
XYZ	21.972, 17.525, 2.798
xyY	0.519, 0.414, 17.525
CIE-LCH	48.915, 59.422, 62.913
CIE-LUV	48.915, 64.778, 44.216
Hunter-Lab	41.863, 20.426, 25.342
Binary	10101111, 01100000, 00010010

#af6012
```
#af6012 rgb(175,96,18)
```
#1261af
```
#1261af rgb(18,97,175)
```

Complementary Color

#af1212
```
#af1212 rgb(175,18,18)
```
#af6012
```
#af6012 rgb(175,96,18)
```
#afaf12
```
#afaf12 rgb(175,175,18)
```

Analogous Color

#1212af
```
#1212af rgb(18,18,175)
```
#af6012
```
#af6012 rgb(175,96,18)
```
#12afaf
```
#12afaf rgb(18,175,175)
```

Split Complementary Color

#6012af
```
#6012af rgb(96,18,175)
```
#af6012
```
#af6012 rgb(175,96,18)
```
#12af60
```
#12af60 rgb(18,175,96)
```

Triadic Color

#af1261
```
#af1261 rgb(175,18,97)
```
#af6012
```
#af6012 rgb(175,96,18)
```
#12af60
```
#12af60 rgb(18,175,96)
```
#1261af
```
#1261af rgb(18,97,175)
```

Tetradic Color

#6a3a0b
```
#6a3a0b rgb(106,58,11)
```
#81470d
```
#81470d rgb(129,71,13)
```
#985310
```
#985310 rgb(152,83,16)
```
#af6012
```
#af6012 rgb(175,96,18)
```
#c66d14
```
#c66d14 rgb(198,109,20)
```
#dd7917
```
#dd7917 rgb(221,121,23)
```
#e98625
```
#e98625 rgb(233,134,37)
```

Monochromatic Color

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

#af3912
```
#af3912 rgb(175,57,18)
```
#af4612
```
#af4612 rgb(175,70,18)
```
#af5312
```
#af5312 rgb(175,83,18)
```
#af6012
```
#af6012 rgb(175,96,18)
```
#af6d12
```
#af6d12 rgb(175,109,18)
```
#af7a12
```
#af7a12 rgb(175,122,18)
```
#af8712
```
#af8712 rgb(175,135,18)
```

Similar Colors

Text with hexadecimal color #af6012

This text has a font color of #af6012.

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

#af6012 background color

This paragraph has a background color of #af6012.

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

#af6012 border color

This element has a border color of #af6012.

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

CSS codes

.text {color:#af6012;}

.background {background-color:#af6012;}

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

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

#0f0802
```
#0f0802 rgb(15,8,2)
```
#211203
```
#211203 rgb(33,18,3)
```
#321c05
```
#321c05 rgb(50,28,5)
```
#442507
```
#442507 rgb(68,37,7)
```
#562f09
```
#562f09 rgb(86,47,9)
```
#68390b
```
#68390b rgb(104,57,11)
```
#7a430d
```
#7a430d rgb(122,67,13)
```
#8b4c0e
```
#8b4c0e rgb(139,76,14)
```
#9d5610
```
#9d5610 rgb(157,86,16)
```
#af6012
```
#af6012 rgb(175,96,18)
```
#c16a14
```
#c16a14 rgb(193,106,20)
```
#d37416
```
#d37416 rgb(211,116,22)
```
#e47d17
```
#e47d17 rgb(228,125,23)
```

Shade Color Variation

#e98727
```
#e98727 rgb(233,135,39)
```
#eb9138
```
#eb9138 rgb(235,145,56)
```
#ec9b4a
```
#ec9b4a rgb(236,155,74)
```
#eea55c
```
#eea55c rgb(238,165,92)
```
#f0af6e
```
#f0af6e rgb(240,175,110)
```
#f2b880
```
#f2b880 rgb(242,184,128)
```
#f4c291
```
#f4c291 rgb(244,194,145)
```
#f6cca3
```
#f6cca3 rgb(246,204,163)
```
#f7d6b5
```
#f7d6b5 rgb(247,214,181)
```
#f9e0c7
```
#f9e0c7 rgb(249,224,199)
```
#fbead9
```
#fbead9 rgb(251,234,217)
```
#fdf4ea
```
#fdf4ea rgb(253,244,234)
```
#fffdfc
```
#fffdfc rgb(255,253,252)
```

Tint Color Variation

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

#65605c
```
#65605c rgb(101,96,92)
```
#6c6055
```
#6c6055 rgb(108,96,85)
```
#74604d
```
#74604d rgb(116,96,77)
```
#7b6046
```
#7b6046 rgb(123,96,70)
```
#82603f
```
#82603f rgb(130,96,63)
```
#8a6037
```
#8a6037 rgb(138,96,55)
```
#916030
```
#916030 rgb(145,96,48)
```
#996028
```
#996028 rgb(153,96,40)
```
#a06021
```
#a06021 rgb(160,96,33)
```
#a86019
```
#a86019 rgb(168,96,25)
```
#af6012
```
#af6012 rgb(175,96,18)
```
#b6600b
```
#b6600b rgb(182,96,11)
```
#be6003
```
#be6003 rgb(190,96,3)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#7c6c5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#897b23 Protanopia 1% of men
#9a7514 Deuteranopia 1% of men
#b66168 Tritanopia 0.001% of the population

Trichromacy

#97711d Protanomaly 1% of men, 0.01% of women
#a16d13 Deuteranomaly 6% of men, 0.4% of women
#b36148 Tritanomaly 0.01% of the population

#af6012 hex color

#af6012 Color Information

#af6012 Color Conversion

Color Schemes with #af6012

Alternatives to #af6012

#af6012 Preview

Shades and Tints of #af6012

Tones of #af6012

Color Blindness Simulator