#af313c hex color

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

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

● #af313c color description : Dark red.

The hexadecimal color #af313c has RGB values of R:175, G:49, B:60 and CMYK values of C:0, M:0.72, Y:0.66, K:0.31. Its decimal value is 11481404.

Hex triplet	af313c	`#af313c`
RGB Decimal	175, 49, 60	`rgb(175,49,60)`
RGB Percent	68.6, 19.2, 23.5	`rgb(68.6%,19.2%,23.5%)`
CMYK	0, 72, 66, 31
HSL	354.8°, 56.3, 43.9	`hsl(354.8,56.3%,43.9%)`
HSV (or HSB)	354.8°, 72, 68.6
Web Safe	993333	`#993333`

CIE-LAB	40.637, 51.245, 23.764
XYZ	19.594, 11.639, 5.49
xyY	0.534, 0.317, 11.639
CIE-LCH	40.637, 56.488, 24.879
CIE-LUV	40.637, 92.041, 15.291
Hunter-Lab	34.116, 42.815, 14.341
Binary	10101111, 00110001, 00111100

#af313c
```
#af313c rgb(175,49,60)
```
#31afa4
```
#31afa4 rgb(49,175,164)
```

Complementary Color

#af317b
```
#af317b rgb(175,49,123)
```
#af313c
```
#af313c rgb(175,49,60)
```
#af6531
```
#af6531 rgb(175,101,49)
```

Analogous Color

#317baf
```
#317baf rgb(49,123,175)
```
#af313c
```
#af313c rgb(175,49,60)
```
#31af65
```
#31af65 rgb(49,175,101)
```

Split Complementary Color

#313caf
```
#313caf rgb(49,60,175)
```
#af313c
```
#af313c rgb(175,49,60)
```
#3caf31
```
#3caf31 rgb(60,175,49)
```

Triadic Color

#a431af
```
#a431af rgb(164,49,175)
```
#af313c
```
#af313c rgb(175,49,60)
```
#3caf31
```
#3caf31 rgb(60,175,49)
```
#31afa4
```
#31afa4 rgb(49,175,164)
```

Tetradic Color

#732028
```
#732028 rgb(115,32,40)
```
#87262e
```
#87262e rgb(135,38,46)
```
#9b2b35
```
#9b2b35 rgb(155,43,53)
```
#af313c
```
#af313c rgb(175,49,60)
```
#c33743
```
#c33743 rgb(195,55,67)
```
#cc4753
```
#cc4753 rgb(204,71,83)
```
#d15b66
```
#d15b66 rgb(209,91,102)
```

Monochromatic Color

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

#af315c
```
#af315c rgb(175,49,92)
```
#af3151
```
#af3151 rgb(175,49,81)
```
#af3147
```
#af3147 rgb(175,49,71)
```
#af313c
```
#af313c rgb(175,49,60)
```
#af3132
```
#af3132 rgb(175,49,50)
```
#af3b31
```
#af3b31 rgb(175,59,49)
```
#af4631
```
#af4631 rgb(175,70,49)
```

Similar Colors

Text with hexadecimal color #af313c

This text has a font color of #af313c.

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

#af313c background color

This paragraph has a background color of #af313c.

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

#af313c border color

This element has a border color of #af313c.

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

CSS codes

.text {color:#af313c;}

.background {background-color:#af313c;}

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

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)
```
#160607
```
#160607 rgb(22,6,7)
```
#250a0d
```
#250a0d rgb(37,10,13)
```
#340f12
```
#340f12 rgb(52,15,18)
```
#441317
```
#441317 rgb(68,19,23)
```
#53171c
```
#53171c rgb(83,23,28)
```
#621c22
```
#621c22 rgb(98,28,34)
```
#722027
```
#722027 rgb(114,32,39)
```
#81242c
```
#81242c rgb(129,36,44)
```
#902831
```
#902831 rgb(144,40,49)
```
#a02d37
```
#a02d37 rgb(160,45,55)
```
#af313c
```
#af313c rgb(175,49,60)
```
#be3541
```
#be3541 rgb(190,53,65)
```

Shade Color Variation

#c93e4a
```
#c93e4a rgb(201,62,74)
```
#cd4e59
```
#cd4e59 rgb(205,78,89)
```
#d25d67
```
#d25d67 rgb(210,93,103)
```
#d66c75
```
#d66c75 rgb(214,108,117)
```
#da7c84
```
#da7c84 rgb(218,124,132)
```
#de8b92
```
#de8b92 rgb(222,139,146)
```
#e39aa0
```
#e39aa0 rgb(227,154,160)
```
#e7a9af
```
#e7a9af rgb(231,169,175)
```
#ebb9bd
```
#ebb9bd rgb(235,185,189)
```
#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 #da0618 is the most saturated one.

#736d6e
```
#736d6e rgb(115,109,110)
```
#7b6567
```
#7b6567 rgb(123,101,103)
```
#845c60
```
#845c60 rgb(132,92,96)
```
#8d5358
```
#8d5358 rgb(141,83,88)
```
#954b51
```
#954b51 rgb(149,75,81)
```
#9e424a
```
#9e424a rgb(158,66,74)
```
#a63a43
```
#a63a43 rgb(166,58,67)
```
#af313c
```
#af313c rgb(175,49,60)
```
#b82835
```
#b82835 rgb(184,40,53)
```
#c0202e
```
#c0202e rgb(192,32,46)
```
#c91727
```
#c91727 rgb(201,23,39)
```
#d10f20
```
#d10f20 rgb(209,15,32)
```
#da0618
```
#da0618 rgb(218,6,24)
```

Tone Color Variation

Below, you can see how #af313c 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
#695052 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d6756 Protanopia 1% of men
#7d633d Deuteranopia 1% of men
#b23c3f Tritanopia 0.001% of the population

Trichromacy

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

#af313c hex color

#af313c Color Information

#af313c Color Conversion

Color Schemes with #af313c

Alternatives to #af313c

#af313c Preview

Shades and Tints of #af313c

Tones of #af313c

Color Blindness Simulator