#af4712 hex color

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

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

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

The hexadecimal color #af4712 has RGB values of R:175, G:71, B:18 and CMYK values of C:0, M:0.59, Y:0.9, K:0.31. Its decimal value is 11486994.

Hex triplet	af4712	`#af4712`
RGB Decimal	175, 71, 18	`rgb(175,71,18)`
RGB Percent	68.6, 27.8, 7.1	`rgb(68.6%,27.8%,7.1%)`
CMYK	0, 59, 90, 31
HSL	20.3°, 81.3, 37.8	`hsl(20.3,81.3%,37.8%)`
HSV (or HSB)	20.3°, 89.7, 68.6
Web Safe	993300	`#993300`

CIE-LAB	43.75, 40.061, 48.921
XYZ	20.042, 13.666, 2.155
xyY	0.559, 0.381, 13.666
CIE-LCH	43.75, 63.231, 50.686
CIE-LUV	43.75, 84.441, 35.811
Hunter-Lab	36.968, 32.082, 22.422
Binary	10101111, 01000111, 00010010

#af4712
```
#af4712 rgb(175,71,18)
```
#127aaf
```
#127aaf rgb(18,122,175)
```

Complementary Color

#af122c
```
#af122c rgb(175,18,44)
```
#af4712
```
#af4712 rgb(175,71,18)
```
#af9612
```
#af9612 rgb(175,150,18)
```

Analogous Color

#122caf
```
#122caf rgb(18,44,175)
```
#af4712
```
#af4712 rgb(175,71,18)
```
#12af96
```
#12af96 rgb(18,175,150)
```

Split Complementary Color

#4712af
```
#4712af rgb(71,18,175)
```
#af4712
```
#af4712 rgb(175,71,18)
```
#12af47
```
#12af47 rgb(18,175,71)
```

Triadic Color

#af127a
```
#af127a rgb(175,18,122)
```
#af4712
```
#af4712 rgb(175,71,18)
```
#12af47
```
#12af47 rgb(18,175,71)
```
#127aaf
```
#127aaf rgb(18,122,175)
```

Tetradic Color

#6a2b0b
```
#6a2b0b rgb(106,43,11)
```
#81340d
```
#81340d rgb(129,52,13)
```
#983e10
```
#983e10 rgb(152,62,16)
```
#af4712
```
#af4712 rgb(175,71,18)
```
#c65014
```
#c65014 rgb(198,80,20)
```
#dd5a17
```
#dd5a17 rgb(221,90,23)
```
#e96725
```
#e96725 rgb(233,103,37)
```

Monochromatic Color

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

#af2012
```
#af2012 rgb(175,32,18)
```
#af2d12
```
#af2d12 rgb(175,45,18)
```
#af3a12
```
#af3a12 rgb(175,58,18)
```
#af4712
```
#af4712 rgb(175,71,18)
```
#af5412
```
#af5412 rgb(175,84,18)
```
#af6112
```
#af6112 rgb(175,97,18)
```
#af6e12
```
#af6e12 rgb(175,110,18)
```

Similar Colors

Text with hexadecimal color #af4712

This text has a font color of #af4712.

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

#af4712 background color

This paragraph has a background color of #af4712.

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

#af4712 border color

This element has a border color of #af4712.

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

CSS codes

.text {color:#af4712;}

.background {background-color:#af4712;}

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

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

#0f0602
```
#0f0602 rgb(15,6,2)
```
#210d03
```
#210d03 rgb(33,13,3)
```
#321405
```
#321405 rgb(50,20,5)
```
#441c07
```
#441c07 rgb(68,28,7)
```
#562309
```
#562309 rgb(86,35,9)
```
#682a0b
```
#682a0b rgb(104,42,11)
```
#7a310d
```
#7a310d rgb(122,49,13)
```
#8b390e
```
#8b390e rgb(139,57,14)
```
#9d4010
```
#9d4010 rgb(157,64,16)
```
#af4712
```
#af4712 rgb(175,71,18)
```
#c14e14
```
#c14e14 rgb(193,78,20)
```
#d35516
```
#d35516 rgb(211,85,22)
```
#e45d17
```
#e45d17 rgb(228,93,23)
```

Shade Color Variation

#e96827
```
#e96827 rgb(233,104,39)
```
#eb7538
```
#eb7538 rgb(235,117,56)
```
#ec814a
```
#ec814a rgb(236,129,74)
```
#ee8d5c
```
#ee8d5c rgb(238,141,92)
```
#f09a6e
```
#f09a6e rgb(240,154,110)
```
#f2a680
```
#f2a680 rgb(242,166,128)
```
#f4b391
```
#f4b391 rgb(244,179,145)
```
#f6bfa3
```
#f6bfa3 rgb(246,191,163)
```
#f7cbb5
```
#f7cbb5 rgb(247,203,181)
```
#f9d8c7
```
#f9d8c7 rgb(249,216,199)
```
#fbe4d9
```
#fbe4d9 rgb(251,228,217)
```
#fdf1ea
```
#fdf1ea rgb(253,241,234)
```
#fffdfc
```
#fffdfc rgb(255,253,252)
```

Tint Color Variation

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

#655f5c
```
#655f5c rgb(101,95,92)
```
#6c5d55
```
#6c5d55 rgb(108,93,85)
```
#745a4d
```
#745a4d rgb(116,90,77)
```
#7b5846
```
#7b5846 rgb(123,88,70)
```
#82553f
```
#82553f rgb(130,85,63)
```
#8a5337
```
#8a5337 rgb(138,83,55)
```
#915130
```
#915130 rgb(145,81,48)
```
#994e28
```
#994e28 rgb(153,78,40)
```
#a04c21
```
#a04c21 rgb(160,76,33)
```
#a84919
```
#a84919 rgb(168,73,25)
```
#af4712
```
#af4712 rgb(175,71,18)
```
#b6450b
```
#b6450b rgb(182,69,11)
```
#be4203
```
#be4203 rgb(190,66,3)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#705b50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c6f26 Protanopia 1% of men
#8b690c Deuteranopia 1% of men
#b44b50 Tritanopia 0.001% of the population

Trichromacy

#8e601e Protanomaly 1% of men, 0.01% of women
#985d0e Deuteranomaly 6% of men, 0.4% of women
#b24a39 Tritanomaly 0.01% of the population

#af4712 hex color

#af4712 Color Information

#af4712 Color Conversion

Color Schemes with #af4712

Alternatives to #af4712

#af4712 Preview

Shades and Tints of #af4712

Tones of #af4712

Color Blindness Simulator