#af3a3f hex color

In a RGB color space, hex #af3a3f is composed of 68.6% red, 22.7% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.9% magenta, 64% yellow and 31.4% black. It has a hue angle of 357.4 degrees, a saturation of 50.2% and a lightness of 45.7%. #af3a3f color hex could be obtained by blending #ff747e with #5f0000. Closest websafe color is: #993333.

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

● #af3a3f color description : Dark moderate red.

The hexadecimal color #af3a3f has RGB values of R:175, G:58, B:63 and CMYK values of C:0, M:0.67, Y:0.64, K:0.31. Its decimal value is 11483711.

Hex triplet	af3a3f	`#af3a3f`
RGB Decimal	175, 58, 63	`rgb(175,58,63)`
RGB Percent	68.6, 22.7, 24.7	`rgb(68.6%,22.7%,24.7%)`
CMYK	0, 67, 64, 31
HSL	357.4°, 50.2, 45.7	`hsl(357.4,50.2%,45.7%)`
HSV (or HSB)	357.4°, 66.9, 68.6
Web Safe	993333	`#993333`

CIE-LAB	42.002, 47.834, 23.654
XYZ	20.09, 12.501, 6.057
xyY	0.52, 0.323, 12.501
CIE-LCH	42.002, 53.363, 26.312
CIE-LUV	42.002, 86.319, 16.371
Hunter-Lab	35.357, 39.551, 14.592
Binary	10101111, 00111010, 00111111

#af3a3f
```
#af3a3f rgb(175,58,63)
```
#3aafaa
```
#3aafaa rgb(58,175,170)
```

Complementary Color

#af3a7a
```
#af3a7a rgb(175,58,122)
```
#af3a3f
```
#af3a3f rgb(175,58,63)
```
#af703a
```
#af703a rgb(175,112,58)
```

Analogous Color

#3a7aaf
```
#3a7aaf rgb(58,122,175)
```
#af3a3f
```
#af3a3f rgb(175,58,63)
```
#3aaf70
```
#3aaf70 rgb(58,175,112)
```

Split Complementary Color

#3a3faf
```
#3a3faf rgb(58,63,175)
```
#af3a3f
```
#af3a3f rgb(175,58,63)
```
#3faf3a
```
#3faf3a rgb(63,175,58)
```

Triadic Color

#aa3aaf
```
#aa3aaf rgb(170,58,175)
```
#af3a3f
```
#af3a3f rgb(175,58,63)
```
#3faf3a
```
#3faf3a rgb(63,175,58)
```
#3aafaa
```
#3aafaa rgb(58,175,170)
```

Tetradic Color

#76272a
```
#76272a rgb(118,39,42)
```
#892d31
```
#892d31 rgb(137,45,49)
```
#9c3438
```
#9c3438 rgb(156,52,56)
```
#af3a3f
```
#af3a3f rgb(175,58,63)
```
#c04248
```
#c04248 rgb(192,66,72)
```
#c7555a
```
#c7555a rgb(199,85,90)
```
#cd686d
```
#cd686d rgb(205,104,109)
```

Monochromatic Color

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

#af3a5c
```
#af3a5c rgb(175,58,92)
```
#af3a52
```
#af3a52 rgb(175,58,82)
```
#af3a49
```
#af3a49 rgb(175,58,73)
```
#af3a3f
```
#af3a3f rgb(175,58,63)
```
#af3f3a
```
#af3f3a rgb(175,63,58)
```
#af493a
```
#af493a rgb(175,73,58)
```
#af523a
```
#af523a rgb(175,82,58)
```

Similar Colors

Text with hexadecimal color #af3a3f

This text has a font color of #af3a3f.

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

#af3a3f background color

This paragraph has a background color of #af3a3f.

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

#af3a3f border color

This element has a border color of #af3a3f.

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

CSS codes

.text {color:#af3a3f;}

.background {background-color:#af3a3f;}

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

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

#0d0405
```
#0d0405 rgb(13,4,5)
```
#1c090a
```
#1c090a rgb(28,9,10)
```
#2a0e0f
```
#2a0e0f rgb(42,14,15)
```
#391315
```
#391315 rgb(57,19,21)
```
#48181a
```
#48181a rgb(72,24,26)
```
#571d1f
```
#571d1f rgb(87,29,31)
```
#652224
```
#652224 rgb(101,34,36)
```
#74262a
```
#74262a rgb(116,38,42)
```
#832b2f
```
#832b2f rgb(131,43,47)
```
#923034
```
#923034 rgb(146,48,52)
```
#a0353a
```
#a0353a rgb(160,53,58)
```
#af3a3f
```
#af3a3f rgb(175,58,63)
```
#be3f44
```
#be3f44 rgb(190,63,68)
```

Shade Color Variation

#c44c52
```
#c44c52 rgb(196,76,82)
```
#c95b60
```
#c95b60 rgb(201,91,96)
```
#ce6a6e
```
#ce6a6e rgb(206,106,110)
```
#d2797c
```
#d2797c rgb(210,121,124)
```
#d7878b
```
#d7878b rgb(215,135,139)
```
#dc9699
```
#dc9699 rgb(220,150,153)
```
#e1a5a7
```
#e1a5a7 rgb(225,165,167)
```
#e6b4b6
```
#e6b4b6 rgb(230,180,182)
```
#ebc2c4
```
#ebc2c4 rgb(235,194,196)
```
#f0d1d2
```
#f0d1d2 rgb(240,209,210)
```
#f5e0e1
```
#f5e0e1 rgb(245,224,225)
```
#faeeef
```
#faeeef rgb(250,238,239)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#797070
```
#797070 rgb(121,112,112)
```
#826768
```
#826768 rgb(130,103,104)
```
#8b5e60
```
#8b5e60 rgb(139,94,96)
```
#945558
```
#945558 rgb(148,85,88)
```
#9d4c4f
```
#9d4c4f rgb(157,76,79)
```
#a64347
```
#a64347 rgb(166,67,71)
```
#af3a3f
```
#af3a3f rgb(175,58,63)
```
#b83137
```
#b83137 rgb(184,49,55)
```
#c1282f
```
#c1282f rgb(193,40,47)
```
#ca1f26
```
#ca1f26 rgb(202,31,38)
```
#d3161e
```
#d3161e rgb(211,22,30)
```
#dc0d16
```
#dc0d16 rgb(220,13,22)
```
#e5040e
```
#e5040e rgb(229,4,14)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#6e5758 Atypical Achromatopsia 0.001% of the population

Dichromacy

#716a57 Protanopia 1% of men
#816641 Deuteranopia 1% of men
#b34448 Tritanopia 0.001% of the population

Trichromacy

#87594e Protanomaly 1% of men, 0.01% of women
#915640 Deuteranomaly 6% of men, 0.4% of women
#b14044 Tritanomaly 0.01% of the population

#af3a3f hex color

#af3a3f Color Information

#af3a3f Color Conversion

Color Schemes with #af3a3f

Alternatives to #af3a3f

#af3a3f Preview

Shades and Tints of #af3a3f

Tones of #af3a3f

Color Blindness Simulator