#af6f12 hex color

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

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

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

The hexadecimal color #af6f12 has RGB values of R:175, G:111, B:18 and CMYK values of C:0, M:0.37, Y:0.9, K:0.31. Its decimal value is 11497234.

Hex triplet	af6f12	`#af6f12`
RGB Decimal	175, 111, 18	`rgb(175,111,18)`
RGB Percent	68.6, 43.5, 7.1	`rgb(68.6%,43.5%,7.1%)`
CMYK	0, 37, 90, 31
HSL	35.5°, 81.3, 37.8	`hsl(35.5,81.3%,37.8%)`
HSV (or HSB)	35.5°, 89.7, 68.6
Web Safe	996600	`#996600`

CIE-LAB	52.429, 18.748, 55.635
XYZ	23.473, 20.528, 3.298
xyY	0.496, 0.434, 20.528
CIE-LCH	52.429, 58.709, 71.378
CIE-LUV	52.429, 52.668, 49.756
Hunter-Lab	45.308, 13.189, 27.399
Binary	10101111, 01101111, 00010010

#af6f12
```
#af6f12 rgb(175,111,18)
```
#1252af
```
#1252af rgb(18,82,175)
```

Complementary Color

#af2112
```
#af2112 rgb(175,33,18)
```
#af6f12
```
#af6f12 rgb(175,111,18)
```
#a1af12
```
#a1af12 rgb(161,175,18)
```

Analogous Color

#2112af
```
#2112af rgb(33,18,175)
```
#af6f12
```
#af6f12 rgb(175,111,18)
```
#12a1af
```
#12a1af rgb(18,161,175)
```

Split Complementary Color

#6f12af
```
#6f12af rgb(111,18,175)
```
#af6f12
```
#af6f12 rgb(175,111,18)
```
#12af6f
```
#12af6f rgb(18,175,111)
```

Triadic Color

#af1252
```
#af1252 rgb(175,18,82)
```
#af6f12
```
#af6f12 rgb(175,111,18)
```
#12af6f
```
#12af6f rgb(18,175,111)
```
#1252af
```
#1252af rgb(18,82,175)
```

Tetradic Color

#6a430b
```
#6a430b rgb(106,67,11)
```
#81520d
```
#81520d rgb(129,82,13)
```
#986010
```
#986010 rgb(152,96,16)
```
#af6f12
```
#af6f12 rgb(175,111,18)
```
#c67e14
```
#c67e14 rgb(198,126,20)
```
#dd8c17
```
#dd8c17 rgb(221,140,23)
```
#e99925
```
#e99925 rgb(233,153,37)
```

Monochromatic Color

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

#af4812
```
#af4812 rgb(175,72,18)
```
#af5512
```
#af5512 rgb(175,85,18)
```
#af6212
```
#af6212 rgb(175,98,18)
```
#af6f12
```
#af6f12 rgb(175,111,18)
```
#af7c12
```
#af7c12 rgb(175,124,18)
```
#af8912
```
#af8912 rgb(175,137,18)
```
#af9612
```
#af9612 rgb(175,150,18)
```

Similar Colors

Text with hexadecimal color #af6f12

This text has a font color of #af6f12.

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

#af6f12 background color

This paragraph has a background color of #af6f12.

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

#af6f12 border color

This element has a border color of #af6f12.

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

CSS codes

.text {color:#af6f12;}

.background {background-color:#af6f12;}

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

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

#0f0902
```
#0f0902 rgb(15,9,2)
```
#211503
```
#211503 rgb(33,21,3)
```
#322005
```
#322005 rgb(50,32,5)
```
#442b07
```
#442b07 rgb(68,43,7)
```
#563709
```
#563709 rgb(86,55,9)
```
#68420b
```
#68420b rgb(104,66,11)
```
#7a4d0d
```
#7a4d0d rgb(122,77,13)
```
#8b580e
```
#8b580e rgb(139,88,14)
```
#9d6410
```
#9d6410 rgb(157,100,16)
```
#af6f12
```
#af6f12 rgb(175,111,18)
```
#c17a14
```
#c17a14 rgb(193,122,20)
```
#d38616
```
#d38616 rgb(211,134,22)
```
#e49117
```
#e49117 rgb(228,145,23)
```

Shade Color Variation

#e99a27
```
#e99a27 rgb(233,154,39)
```
#eba238
```
#eba238 rgb(235,162,56)
```
#ecaa4a
```
#ecaa4a rgb(236,170,74)
```
#eeb35c
```
#eeb35c rgb(238,179,92)
```
#f0bb6e
```
#f0bb6e rgb(240,187,110)
```
#f2c380
```
#f2c380 rgb(242,195,128)
```
#f4cc91
```
#f4cc91 rgb(244,204,145)
```
#f6d4a3
```
#f6d4a3 rgb(246,212,163)
```
#f7dcb5
```
#f7dcb5 rgb(247,220,181)
```
#f9e5c7
```
#f9e5c7 rgb(249,229,199)
```
#fbedd9
```
#fbedd9 rgb(251,237,217)
```
#fdf5ea
```
#fdf5ea rgb(253,245,234)
```
#fffefc
```
#fffefc rgb(255,254,252)
```

Tint Color Variation

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

#65615c
```
#65615c rgb(101,97,92)
```
#6c6355
```
#6c6355 rgb(108,99,85)
```
#74644d
```
#74644d rgb(116,100,77)
```
#7b6546
```
#7b6546 rgb(123,101,70)
```
#82673f
```
#82673f rgb(130,103,63)
```
#8a6837
```
#8a6837 rgb(138,104,55)
```
#916a30
```
#916a30 rgb(145,106,48)
```
#996b28
```
#996b28 rgb(153,107,40)
```
#a06c21
```
#a06c21 rgb(160,108,33)
```
#a86e19
```
#a86e19 rgb(168,110,25)
```
#af6f12
```
#af6f12 rgb(175,111,18)
```
#b6700b
```
#b6700b rgb(182,112,11)
```
#be7203
```
#be7203 rgb(190,114,3)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#837664 Atypical Achromatopsia 0.001% of the population

Dichromacy

#938421 Protanopia 1% of men
#a47d19 Deuteranopia 1% of men
#b76e76 Tritanopia 0.001% of the population

Trichromacy

#9d7c1c Protanomaly 1% of men, 0.01% of women
#a87816 Deuteranomaly 6% of men, 0.4% of women
#b46e51 Tritanomaly 0.01% of the population

#af6f12 hex color

#af6f12 Color Information

#af6f12 Color Conversion

Color Schemes with #af6f12

Alternatives to #af6f12

#af6f12 Preview

Shades and Tints of #af6f12

Tones of #af6f12

Color Blindness Simulator