#af3a2c hex color

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

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

● #af3a2c color description : Dark red.

The hexadecimal color #af3a2c has RGB values of R:175, G:58, B:44 and CMYK values of C:0, M:0.67, Y:0.75, K:0.31. Its decimal value is 11483692.

Hex triplet	af3a2c	`#af3a2c`
RGB Decimal	175, 58, 44	`rgb(175,58,44)`
RGB Percent	68.6, 22.7, 17.3	`rgb(68.6%,22.7%,17.3%)`
CMYK	0, 67, 75, 31
HSL	6.4°, 59.8, 42.9	`hsl(6.4,59.8%,42.9%)`
HSV (or HSB)	6.4°, 74.9, 68.6
Web Safe	993333	`#993333`

CIE-LAB	41.727, 46.817, 34.591
XYZ	19.648, 12.324, 3.727
xyY	0.55, 0.345, 12.324
CIE-LCH	41.727, 58.21, 36.459
CIE-LUV	41.727, 90.333, 24.901
Hunter-Lab	35.106, 38.467, 18.28
Binary	10101111, 00111010, 00101100

#af3a2c
```
#af3a2c rgb(175,58,44)
```
#2ca1af
```
#2ca1af rgb(44,161,175)
```

Complementary Color

#af2c60
```
#af2c60 rgb(175,44,96)
```
#af3a2c
```
#af3a2c rgb(175,58,44)
```
#af7c2c
```
#af7c2c rgb(175,124,44)
```

Analogous Color

#2c60af
```
#2c60af rgb(44,96,175)
```
#af3a2c
```
#af3a2c rgb(175,58,44)
```
#2caf7c
```
#2caf7c rgb(44,175,124)
```

Split Complementary Color

#3a2caf
```
#3a2caf rgb(58,44,175)
```
#af3a2c
```
#af3a2c rgb(175,58,44)
```
#2caf3a
```
#2caf3a rgb(44,175,58)
```

Triadic Color

#af2ca1
```
#af2ca1 rgb(175,44,161)
```
#af3a2c
```
#af3a2c rgb(175,58,44)
```
#2caf3a
```
#2caf3a rgb(44,175,58)
```
#2ca1af
```
#2ca1af rgb(44,161,175)
```

Tetradic Color

#72261d
```
#72261d rgb(114,38,29)
```
#862c22
```
#862c22 rgb(134,44,34)
```
#9b3327
```
#9b3327 rgb(155,51,39)
```
#af3a2c
```
#af3a2c rgb(175,58,44)
```
#c34131
```
#c34131 rgb(195,65,49)
```
#cf4f3f
```
#cf4f3f rgb(207,79,63)
```
#d46154
```
#d46154 rgb(212,97,84)
```

Monochromatic Color

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

#af2c3f
```
#af2c3f rgb(175,44,63)
```
#af2c34
```
#af2c34 rgb(175,44,52)
```
#af2f2c
```
#af2f2c rgb(175,47,44)
```
#af3a2c
```
#af3a2c rgb(175,58,44)
```
#af452c
```
#af452c rgb(175,69,44)
```
#af502c
```
#af502c rgb(175,80,44)
```
#af5b2c
```
#af5b2c rgb(175,91,44)
```

Similar Colors

Text with hexadecimal color #af3a2c

This text has a font color of #af3a2c.

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

#af3a2c background color

This paragraph has a background color of #af3a2c.

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

#af3a2c border color

This element has a border color of #af3a2c.

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

CSS codes

.text {color:#af3a2c;}

.background {background-color:#af3a2c;}

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

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 #fcf3f2 is the lightest one.

#030101
```
#030101 rgb(3,1,1)
```
#120605
```
#120605 rgb(18,6,5)
```
#220b09
```
#220b09 rgb(34,11,9)
```
#32100c
```
#32100c rgb(50,16,12)
```
#411610
```
#411610 rgb(65,22,16)
```
#511b14
```
#511b14 rgb(81,27,20)
```
#612018
```
#612018 rgb(97,32,24)
```
#70251c
```
#70251c rgb(112,37,28)
```
#802a20
```
#802a20 rgb(128,42,32)
```
#903024
```
#903024 rgb(144,48,36)
```
#9f3528
```
#9f3528 rgb(159,53,40)
```
#af3a2c
```
#af3a2c rgb(175,58,44)
```
#bf3f30
```
#bf3f30 rgb(191,63,48)
```

Shade Color Variation

#cc4636
```
#cc4636 rgb(204,70,54)
```
#d05445
```
#d05445 rgb(208,84,69)
```
#d46355
```
#d46355 rgb(212,99,85)
```
#d87165
```
#d87165 rgb(216,113,101)
```
#dc8075
```
#dc8075 rgb(220,128,117)
```
#e08e84
```
#e08e84 rgb(224,142,132)
```
#e49c94
```
#e49c94 rgb(228,156,148)
```
#e8aba4
```
#e8aba4 rgb(232,171,164)
```
#ecb9b3
```
#ecb9b3 rgb(236,185,179)
```
#f0c8c3
```
#f0c8c3 rgb(240,200,195)
```
#f4d6d3
```
#f4d6d3 rgb(244,214,211)
```
#f8e5e2
```
#f8e5e2 rgb(248,229,226)
```
#fcf3f2
```
#fcf3f2 rgb(252,243,242)
```

Tint Color Variation

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

#746867
```
#746867 rgb(116,104,103)
```
#7c625f
```
#7c625f rgb(124,98,95)
```
#855b56
```
#855b56 rgb(133,91,86)
```
#8d544e
```
#8d544e rgb(141,84,78)
```
#964e45
```
#964e45 rgb(150,78,69)
```
#9e473d
```
#9e473d rgb(158,71,61)
```
#a74134
```
#a74134 rgb(167,65,52)
```
#af3a2c
```
#af3a2c rgb(175,58,44)
```
#b73324
```
#b73324 rgb(183,51,36)
```
#c02d1b
```
#c02d1b rgb(192,45,27)
```
#c82613
```
#c82613 rgb(200,38,19)
```
#d1200a
```
#d1200a rgb(209,32,10)
```
#d91902
```
#d91902 rgb(217,25,2)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#6c5452 Atypical Achromatopsia 0.001% of the population

Dichromacy

#746a42 Protanopia 1% of men
#83652e Deuteranopia 1% of men
#b34245 Tritanopia 0.001% of the population

Trichromacy

#89583a Protanomaly 1% of men, 0.01% of women
#93552d Deuteranomaly 6% of men, 0.4% of women
#b23f3c Tritanomaly 0.01% of the population

#af3a2c hex color

#af3a2c Color Information

#af3a2c Color Conversion

Color Schemes with #af3a2c

Alternatives to #af3a2c

#af3a2c Preview

Shades and Tints of #af3a2c

Tones of #af3a2c

Color Blindness Simulator