#af512c hex color

In a RGB color space, hex #af512c is composed of 68.6% red, 31.8% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.7% magenta, 74.9% yellow and 31.4% black. It has a hue angle of 16.9 degrees, a saturation of 59.8% and a lightness of 42.9%. #af512c color hex could be obtained by blending #ffa258 with #5f0000. Closest websafe color is: #996633.

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

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

The hexadecimal color #af512c has RGB values of R:175, G:81, B:44 and CMYK values of C:0, M:0.54, Y:0.75, K:0.31. Its decimal value is 11489580.

Hex triplet	af512c	`#af512c`
RGB Decimal	175, 81, 44	`rgb(175,81,44)`
RGB Percent	68.6, 31.8, 17.3	`rgb(68.6%,31.8%,17.3%)`
CMYK	0, 54, 75, 31
HSL	16.9°, 59.8, 42.9	`hsl(16.9,59.8%,42.9%)`
HSV (or HSB)	16.9°, 74.9, 68.6
Web Safe	996633	`#996633`

CIE-LAB	45.883, 35.902, 39.101
XYZ	21.077, 15.183, 4.203
xyY	0.521, 0.375, 15.183
CIE-LCH	45.883, 53.083, 47.443
CIE-LUV	45.883, 74.353, 32.418
Hunter-Lab	38.965, 28.366, 20.88
Binary	10101111, 01010001, 00101100

#af512c
```
#af512c rgb(175,81,44)
```
#2c8aaf
```
#2c8aaf rgb(44,138,175)
```

Complementary Color

#af2c49
```
#af2c49 rgb(175,44,73)
```
#af512c
```
#af512c rgb(175,81,44)
```
#af932c
```
#af932c rgb(175,147,44)
```

Analogous Color

#2c49af
```
#2c49af rgb(44,73,175)
```
#af512c
```
#af512c rgb(175,81,44)
```
#2caf93
```
#2caf93 rgb(44,175,147)
```

Split Complementary Color

#512caf
```
#512caf rgb(81,44,175)
```
#af512c
```
#af512c rgb(175,81,44)
```
#2caf51
```
#2caf51 rgb(44,175,81)
```

Triadic Color

#af2c8a
```
#af2c8a rgb(175,44,138)
```
#af512c
```
#af512c rgb(175,81,44)
```
#2caf51
```
#2caf51 rgb(44,175,81)
```
#2c8aaf
```
#2c8aaf rgb(44,138,175)
```

Tetradic Color

#72351d
```
#72351d rgb(114,53,29)
```
#863e22
```
#863e22 rgb(134,62,34)
```
#9b4827
```
#9b4827 rgb(155,72,39)
```
#af512c
```
#af512c rgb(175,81,44)
```
#c35a31
```
#c35a31 rgb(195,90,49)
```
#cf683f
```
#cf683f rgb(207,104,63)
```
#d47854
```
#d47854 rgb(212,120,84)
```

Monochromatic Color

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

#af302c
```
#af302c rgb(175,48,44)
```
#af3b2c
```
#af3b2c rgb(175,59,44)
```
#af462c
```
#af462c rgb(175,70,44)
```
#af512c
```
#af512c rgb(175,81,44)
```
#af5c2c
```
#af5c2c rgb(175,92,44)
```
#af672c
```
#af672c rgb(175,103,44)
```
#af722c
```
#af722c rgb(175,114,44)
```

Similar Colors

Text with hexadecimal color #af512c

This text has a font color of #af512c.

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

#af512c background color

This paragraph has a background color of #af512c.

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

#af512c border color

This element has a border color of #af512c.

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

CSS codes

.text {color:#af512c;}

.background {background-color:#af512c;}

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

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

#030101
```
#030101 rgb(3,1,1)
```
#120805
```
#120805 rgb(18,8,5)
```
#221009
```
#221009 rgb(34,16,9)
```
#32170c
```
#32170c rgb(50,23,12)
```
#411e10
```
#411e10 rgb(65,30,16)
```
#512514
```
#512514 rgb(81,37,20)
```
#612d18
```
#612d18 rgb(97,45,24)
```
#70341c
```
#70341c rgb(112,52,28)
```
#803b20
```
#803b20 rgb(128,59,32)
```
#904224
```
#904224 rgb(144,66,36)
```
#9f4a28
```
#9f4a28 rgb(159,74,40)
```
#af512c
```
#af512c rgb(175,81,44)
```
#bf5830
```
#bf5830 rgb(191,88,48)
```

Shade Color Variation

#cc6036
```
#cc6036 rgb(204,96,54)
```
#d06d45
```
#d06d45 rgb(208,109,69)
```
#d47955
```
#d47955 rgb(212,121,85)
```
#d88565
```
#d88565 rgb(216,133,101)
```
#dc9275
```
#dc9275 rgb(220,146,117)
```
#e09e84
```
#e09e84 rgb(224,158,132)
```
#e4ab94
```
#e4ab94 rgb(228,171,148)
```
#e8b7a4
```
#e8b7a4 rgb(232,183,164)
```
#ecc3b3
```
#ecc3b3 rgb(236,195,179)
```
#f0d0c3
```
#f0d0c3 rgb(240,208,195)
```
#f4dcd3
```
#f4dcd3 rgb(244,220,211)
```
#f8e8e2
```
#f8e8e2 rgb(248,232,226)
```
#fcf5f2
```
#fcf5f2 rgb(252,245,242)
```

Tint Color Variation

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

#746b67
```
#746b67 rgb(116,107,103)
```
#7c675f
```
#7c675f rgb(124,103,95)
```
#856356
```
#856356 rgb(133,99,86)
```
#8d604e
```
#8d604e rgb(141,96,78)
```
#965c45
```
#965c45 rgb(150,92,69)
```
#9e583d
```
#9e583d rgb(158,88,61)
```
#a75534
```
#a75534 rgb(167,85,52)
```
#af512c
```
#af512c rgb(175,81,44)
```
#b74d24
```
#b74d24 rgb(183,77,36)
```
#c04a1b
```
#c04a1b rgb(192,74,27)
```
#c84613
```
#c84613 rgb(200,70,19)
```
#d1420a
```
#d1420a rgb(209,66,10)
```
#d93f02
```
#d93f02 rgb(217,63,2)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#77645d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f743e Protanopia 1% of men
#8f6e30 Deuteranopia 1% of men
#b4555b Tritanopia 0.001% of the population

Trichromacy

#906737 Protanomaly 1% of men, 0.01% of women
#9a642e Deuteranomaly 6% of men, 0.4% of women
#b25449 Tritanomaly 0.01% of the population

#af512c hex color

#af512c Color Information

#af512c Color Conversion

Color Schemes with #af512c

Alternatives to #af512c

#af512c Preview

Shades and Tints of #af512c

Tones of #af512c

Color Blindness Simulator