#af4512 hex color

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

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

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

The hexadecimal color #af4512 has RGB values of R:175, G:69, B:18 and CMYK values of C:0, M:0.61, Y:0.9, K:0.31. Its decimal value is 11486482.

Hex triplet	af4512	`#af4512`
RGB Decimal	175, 69, 18	`rgb(175,69,18)`
RGB Percent	68.6, 27.1, 7.1	`rgb(68.6%,27.1%,7.1%)`
CMYK	0, 61, 90, 31
HSL	19.5°, 81.3, 37.8	`hsl(19.5,81.3%,37.8%)`
HSV (or HSB)	19.5°, 89.7, 68.6
Web Safe	993300	`#993300`

CIE-LAB	43.384, 41.022, 48.64
XYZ	19.917, 13.416, 2.113
xyY	0.562, 0.378, 13.416
CIE-LCH	43.384, 63.629, 49.856
CIE-LUV	43.384, 85.929, 35.201
Hunter-Lab	36.628, 32.965, 22.219
Binary	10101111, 01000101, 00010010

#af4512
```
#af4512 rgb(175,69,18)
```
#127caf
```
#127caf rgb(18,124,175)
```

Complementary Color

#af122d
```
#af122d rgb(175,18,45)
```
#af4512
```
#af4512 rgb(175,69,18)
```
#af9412
```
#af9412 rgb(175,148,18)
```

Analogous Color

#122eaf
```
#122eaf rgb(18,46,175)
```
#af4512
```
#af4512 rgb(175,69,18)
```
#12af94
```
#12af94 rgb(18,175,148)
```

Split Complementary Color

#4512af
```
#4512af rgb(69,18,175)
```
#af4512
```
#af4512 rgb(175,69,18)
```
#12af45
```
#12af45 rgb(18,175,69)
```

Triadic Color

#af127c
```
#af127c rgb(175,18,124)
```
#af4512
```
#af4512 rgb(175,69,18)
```
#12af45
```
#12af45 rgb(18,175,69)
```
#127caf
```
#127caf rgb(18,124,175)
```

Tetradic Color

#6a2a0b
```
#6a2a0b rgb(106,42,11)
```
#81330d
```
#81330d rgb(129,51,13)
```
#983c10
```
#983c10 rgb(152,60,16)
```
#af4512
```
#af4512 rgb(175,69,18)
```
#c64e14
```
#c64e14 rgb(198,78,20)
```
#dd5717
```
#dd5717 rgb(221,87,23)
```
#e96425
```
#e96425 rgb(233,100,37)
```

Monochromatic Color

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

#af1e12
```
#af1e12 rgb(175,30,18)
```
#af2b12
```
#af2b12 rgb(175,43,18)
```
#af3812
```
#af3812 rgb(175,56,18)
```
#af4512
```
#af4512 rgb(175,69,18)
```
#af5212
```
#af5212 rgb(175,82,18)
```
#af5f12
```
#af5f12 rgb(175,95,18)
```
#af6c12
```
#af6c12 rgb(175,108,18)
```

Similar Colors

Text with hexadecimal color #af4512

This text has a font color of #af4512.

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

#af4512 background color

This paragraph has a background color of #af4512.

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

#af4512 border color

This element has a border color of #af4512.

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

CSS codes

.text {color:#af4512;}

.background {background-color:#af4512;}

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

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)
```
#441b07
```
#441b07 rgb(68,27,7)
```
#562209
```
#562209 rgb(86,34,9)
```
#68290b
```
#68290b rgb(104,41,11)
```
#7a300d
```
#7a300d rgb(122,48,13)
```
#8b370e
```
#8b370e rgb(139,55,14)
```
#9d3e10
```
#9d3e10 rgb(157,62,16)
```
#af4512
```
#af4512 rgb(175,69,18)
```
#c14c14
```
#c14c14 rgb(193,76,20)
```
#d35316
```
#d35316 rgb(211,83,22)
```
#e45a17
```
#e45a17 rgb(228,90,23)
```

Shade Color Variation

#e96627
```
#e96627 rgb(233,102,39)
```
#eb7238
```
#eb7238 rgb(235,114,56)
```
#ec7f4a
```
#ec7f4a rgb(236,127,74)
```
#ee8c5c
```
#ee8c5c rgb(238,140,92)
```
#f0986e
```
#f0986e rgb(240,152,110)
```
#f2a580
```
#f2a580 rgb(242,165,128)
```
#f4b191
```
#f4b191 rgb(244,177,145)
```
#f6bea3
```
#f6bea3 rgb(246,190,163)
```
#f7cbb5
```
#f7cbb5 rgb(247,203,181)
```
#f9d7c7
```
#f9d7c7 rgb(249,215,199)
```
#fbe4d9
```
#fbe4d9 rgb(251,228,217)
```
#fdf0ea
```
#fdf0ea rgb(253,240,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 #be4003 is the most saturated one.

#655f5c
```
#655f5c rgb(101,95,92)
```
#6c5c55
```
#6c5c55 rgb(108,92,85)
```
#745a4d
```
#745a4d rgb(116,90,77)
```
#7b5746
```
#7b5746 rgb(123,87,70)
```
#82553f
```
#82553f rgb(130,85,63)
```
#8a5237
```
#8a5237 rgb(138,82,55)
```
#914f30
```
#914f30 rgb(145,79,48)
```
#994d28
```
#994d28 rgb(153,77,40)
```
#a04a21
```
#a04a21 rgb(160,74,33)
```
#a84819
```
#a84819 rgb(168,72,25)
```
#af4512
```
#af4512 rgb(175,69,18)
```
#b6420b
```
#b6420b rgb(182,66,11)
```
#be4003
```
#be4003 rgb(190,64,3)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#6f5a50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b6e26 Protanopia 1% of men
#8a690b Deuteranopia 1% of men
#b44a4e Tritanopia 0.001% of the population

Trichromacy

#8d5f1e Protanomaly 1% of men, 0.01% of women
#975b0d Deuteranomaly 6% of men, 0.4% of women
#b24838 Tritanomaly 0.01% of the population

#af4512 hex color

#af4512 Color Information

#af4512 Color Conversion

Color Schemes with #af4512

Alternatives to #af4512

#af4512 Preview

Shades and Tints of #af4512

Tones of #af4512

Color Blindness Simulator