#af313d hex color

In a RGB color space, hex #af313d is composed of 68.6% red, 19.2% green and 23.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72% magenta, 65.1% yellow and 31.4% black. It has a hue angle of 354.3 degrees, a saturation of 56.3% and a lightness of 43.9%. #af313d color hex could be obtained by blending #ff627a with #5f0000. Closest websafe color is: #993333.

♥
- f
- t
- g
- R 69
- G 19
- B 24
RGB color chart
- C 0
- M 72
- Y 65
- K 31
CMYK color chart

● #af313d color description : Dark red.

The hexadecimal color #af313d has RGB values of R:175, G:49, B:61 and CMYK values of C:0, M:0.72, Y:0.65, K:0.31. Its decimal value is 11481405.

Hex triplet	af313d	`#af313d`
RGB Decimal	175, 49, 61	`rgb(175,49,61)`
RGB Percent	68.6, 19.2, 23.9	`rgb(68.6%,19.2%,23.9%)`
CMYK	0, 72, 65, 31
HSL	354.3°, 56.3, 43.9	`hsl(354.3,56.3%,43.9%)`
HSV (or HSB)	354.3°, 72, 68.6
Web Safe	993333	`#993333`

CIE-LAB	40.654, 51.305, 23.169
XYZ	19.621, 11.65, 5.63
xyY	0.532, 0.316, 11.65
CIE-LCH	40.654, 56.294, 24.304
CIE-LUV	40.654, 91.781, 14.781
Hunter-Lab	34.132, 42.88, 14.112
Binary	10101111, 00110001, 00111101

#af313d
```
#af313d rgb(175,49,61)
```
#31afa3
```
#31afa3 rgb(49,175,163)
```

Complementary Color

#af317c
```
#af317c rgb(175,49,124)
```
#af313d
```
#af313d rgb(175,49,61)
```
#af6431
```
#af6431 rgb(175,100,49)
```

Analogous Color

#317caf
```
#317caf rgb(49,124,175)
```
#af313d
```
#af313d rgb(175,49,61)
```
#31af64
```
#31af64 rgb(49,175,100)
```

Split Complementary Color

#313daf
```
#313daf rgb(49,61,175)
```
#af313d
```
#af313d rgb(175,49,61)
```
#3daf31
```
#3daf31 rgb(61,175,49)
```

Triadic Color

#a331af
```
#a331af rgb(163,49,175)
```
#af313d
```
#af313d rgb(175,49,61)
```
#3daf31
```
#3daf31 rgb(61,175,49)
```
#31afa3
```
#31afa3 rgb(49,175,163)
```

Tetradic Color

#732028
```
#732028 rgb(115,32,40)
```
#87262f
```
#87262f rgb(135,38,47)
```
#9b2b36
```
#9b2b36 rgb(155,43,54)
```
#af313d
```
#af313d rgb(175,49,61)
```
#c33744
```
#c33744 rgb(195,55,68)
```
#cc4754
```
#cc4754 rgb(204,71,84)
```
#d15b67
```
#d15b67 rgb(209,91,103)
```

Monochromatic Color

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

#af315d
```
#af315d rgb(175,49,93)
```
#af3152
```
#af3152 rgb(175,49,82)
```
#af3147
```
#af3147 rgb(175,49,71)
```
#af313d
```
#af313d rgb(175,49,61)
```
#af3132
```
#af3132 rgb(175,49,50)
```
#af3a31
```
#af3a31 rgb(175,58,49)
```
#af4531
```
#af4531 rgb(175,69,49)
```

Similar Colors

Text with hexadecimal color #af313d

This text has a font color of #af313d.

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

#af313d background color

This paragraph has a background color of #af313d.

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

#af313d border color

This element has a border color of #af313d.

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

CSS codes

.text {color:#af313d;}

.background {background-color:#af313d;}

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

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

#060202
```
#060202 rgb(6,2,2)
```
#160608
```
#160608 rgb(22,6,8)
```
#250a0d
```
#250a0d rgb(37,10,13)
```
#340f12
```
#340f12 rgb(52,15,18)
```
#441318
```
#441318 rgb(68,19,24)
```
#53171d
```
#53171d rgb(83,23,29)
```
#621c22
```
#621c22 rgb(98,28,34)
```
#722028
```
#722028 rgb(114,32,40)
```
#81242d
```
#81242d rgb(129,36,45)
```
#902832
```
#902832 rgb(144,40,50)
```
#a02d38
```
#a02d38 rgb(160,45,56)
```
#af313d
```
#af313d rgb(175,49,61)
```
#be3542
```
#be3542 rgb(190,53,66)
```

Shade Color Variation

#c93e4b
```
#c93e4b rgb(201,62,75)
```
#cd4e5a
```
#cd4e5a rgb(205,78,90)
```
#d25d68
```
#d25d68 rgb(210,93,104)
```
#d66c76
```
#d66c76 rgb(214,108,118)
```
#da7c85
```
#da7c85 rgb(218,124,133)
```
#de8b93
```
#de8b93 rgb(222,139,147)
```
#e39aa1
```
#e39aa1 rgb(227,154,161)
```
#e7a9af
```
#e7a9af rgb(231,169,175)
```
#ebb9be
```
#ebb9be rgb(235,185,190)
```
#f0c8cc
```
#f0c8cc rgb(240,200,204)
```
#f4d7da
```
#f4d7da rgb(244,215,218)
```
#f8e7e8
```
#f8e7e8 rgb(248,231,232)
```
#fdf6f7
```
#fdf6f7 rgb(253,246,247)
```

Tint Color Variation

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

#736d6e
```
#736d6e rgb(115,109,110)
```
#7b6567
```
#7b6567 rgb(123,101,103)
```
#845c60
```
#845c60 rgb(132,92,96)
```
#8d5359
```
#8d5359 rgb(141,83,89)
```
#954b52
```
#954b52 rgb(149,75,82)
```
#9e424b
```
#9e424b rgb(158,66,75)
```
#a63a44
```
#a63a44 rgb(166,58,68)
```
#af313d
```
#af313d rgb(175,49,61)
```
#b82836
```
#b82836 rgb(184,40,54)
```
#c0202f
```
#c0202f rgb(192,32,47)
```
#c91728
```
#c91728 rgb(201,23,40)
```
#d10f21
```
#d10f21 rgb(209,15,33)
```
#da061a
```
#da061a rgb(218,6,26)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#695053 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d6757 Protanopia 1% of men
#7d633e Deuteranopia 1% of men
#b23d3f Tritanopia 0.001% of the population

Trichromacy

#85534d Protanomaly 1% of men, 0.01% of women
#8f513e Deuteranomaly 6% of men, 0.4% of women
#b1383e Tritanomaly 0.01% of the population

#af313d hex color

#af313d Color Information

#af313d Color Conversion

Color Schemes with #af313d

Alternatives to #af313d

#af313d Preview

Shades and Tints of #af313d

Tones of #af313d

Color Blindness Simulator