#af172a hex color

In a RGB color space, hex #af172a is composed of 68.6% red, 9% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.9% magenta, 76% yellow and 31.4% black. It has a hue angle of 352.5 degrees, a saturation of 76.8% and a lightness of 38.8%. #af172a color hex could be obtained by blending #ff2e54 with #5f0000. Closest websafe color is: #990033.

♥
- f
- t
- g
- R 69
- G 9
- B 16
RGB color chart
- C 0
- M 87
- Y 76
- K 31
CMYK color chart

● #af172a color description : Dark red.

The hexadecimal color #af172a has RGB values of R:175, G:23, B:42 and CMYK values of C:0, M:0.87, Y:0.76, K:0.31. Its decimal value is 11474730.

Hex triplet	af172a	`#af172a`
RGB Decimal	175, 23, 42	`rgb(175,23,42)`
RGB Percent	68.6, 9, 16.5	`rgb(68.6%,9%,16.5%)`
CMYK	0, 87, 76, 31
HSL	352.5°, 76.8, 38.8	`hsl(352.5,76.8%,38.8%)`
HSV (or HSB)	352.5°, 86.9, 68.6
Web Safe	990033	`#990033`

CIE-LAB	37.656, 57.992, 31.233
XYZ	18.404, 9.896, 3.131
xyY	0.586, 0.315, 9.896
CIE-LCH	37.656, 65.868, 28.306
CIE-LUV	37.656, 107.63, 18.125
Hunter-Lab	31.458, 49.378, 16.119
Binary	10101111, 00010111, 00101010

#af172a
```
#af172a rgb(175,23,42)
```
#17af9c
```
#17af9c rgb(23,175,156)
```

Complementary Color

#af1776
```
#af1776 rgb(175,23,118)
```
#af172a
```
#af172a rgb(175,23,42)
```
#af5017
```
#af5017 rgb(175,80,23)
```

Analogous Color

#1776af
```
#1776af rgb(23,118,175)
```
#af172a
```
#af172a rgb(175,23,42)
```
#17af50
```
#17af50 rgb(23,175,80)
```

Split Complementary Color

#172aaf
```
#172aaf rgb(23,42,175)
```
#af172a
```
#af172a rgb(175,23,42)
```
#2aaf17
```
#2aaf17 rgb(42,175,23)
```

Triadic Color

#9c17af
```
#9c17af rgb(156,23,175)
```
#af172a
```
#af172a rgb(175,23,42)
```
#2aaf17
```
#2aaf17 rgb(42,175,23)
```
#17af9c
```
#17af9c rgb(23,175,156)
```

Tetradic Color

#6b0e1a
```
#6b0e1a rgb(107,14,26)
```
#82111f
```
#82111f rgb(130,17,31)
```
#981425
```
#981425 rgb(152,20,37)
```
#af172a
```
#af172a rgb(175,23,42)
```
#c61a2f
```
#c61a2f rgb(198,26,47)
```
#dc1d35
```
#dc1d35 rgb(220,29,53)
```
#e42f45
```
#e42f45 rgb(228,47,69)
```

Monochromatic Color

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

#af1750
```
#af1750 rgb(175,23,80)
```
#af1743
```
#af1743 rgb(175,23,67)
```
#af1737
```
#af1737 rgb(175,23,55)
```
#af172a
```
#af172a rgb(175,23,42)
```
#af171d
```
#af171d rgb(175,23,29)
```
#af1d17
```
#af1d17 rgb(175,29,23)
```
#af2a17
```
#af2a17 rgb(175,42,23)
```

Similar Colors

Text with hexadecimal color #af172a

This text has a font color of #af172a.

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

#af172a background color

This paragraph has a background color of #af172a.

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

#af172a border color

This element has a border color of #af172a.

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

CSS codes

.text {color:#af172a;}

.background {background-color:#af172a;}

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

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

#020000
```
#020000 rgb(2,0,0)
```
#130205
```
#130205 rgb(19,2,5)
```
#240509
```
#240509 rgb(36,5,9)
```
#36070d
```
#36070d rgb(54,7,13)
```
#470911
```
#470911 rgb(71,9,17)
```
#580c15
```
#580c15 rgb(88,12,21)
```
#6a0e19
```
#6a0e19 rgb(106,14,25)
```
#7b101e
```
#7b101e rgb(123,16,30)
```
#8c1222
```
#8c1222 rgb(140,18,34)
```
#9e1526
```
#9e1526 rgb(158,21,38)
```
#af172a
```
#af172a rgb(175,23,42)
```
#c0192e
```
#c0192e rgb(192,25,46)
```
#d21c32
```
#d21c32 rgb(210,28,50)
```

Shade Color Variation

#e21f38
```
#e21f38 rgb(226,31,56)
```
#e43147
```
#e43147 rgb(228,49,71)
```
#e64256
```
#e64256 rgb(230,66,86)
```
#e85366
```
#e85366 rgb(232,83,102)
```
#eb6575
```
#eb6575 rgb(235,101,117)
```
#ed7685
```
#ed7685 rgb(237,118,133)
```
#ef8794
```
#ef8794 rgb(239,135,148)
```
#f299a4
```
#f299a4 rgb(242,153,164)
```
#f4aab3
```
#f4aab3 rgb(244,170,179)
```
#f6bbc3
```
#f6bbc3 rgb(246,187,195)
```
#f8cdd2
```
#f8cdd2 rgb(248,205,210)
```
#fbdee2
```
#fbdee2 rgb(251,222,226)
```
#fdeff1
```
#fdeff1 rgb(253,239,241)
```

Tint Color Variation

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

#6a5c5d
```
#6a5c5d rgb(106,92,93)
```
#725458
```
#725458 rgb(114,84,88)
```
#7a4c52
```
#7a4c52 rgb(122,76,82)
```
#81454c
```
#81454c rgb(129,69,76)
```
#893d47
```
#893d47 rgb(137,61,71)
```
#913541
```
#913541 rgb(145,53,65)
```
#982e3b
```
#982e3b rgb(152,46,59)
```
#a02635
```
#a02635 rgb(160,38,53)
```
#a71f30
```
#a71f30 rgb(167,31,48)
```
#af172a
```
#af172a rgb(175,23,42)
```
#b70f24
```
#b70f24 rgb(183,15,36)
```
#be081f
```
#be081f rgb(190,8,31)
```
#c60019
```
#c60019 rgb(198,0,25)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#5c3d41 Atypical Achromatopsia 0.001% of the population

Dichromacy

#686146 Protanopia 1% of men
#775c2a Deuteranopia 1% of men
#b22625 Tritanopia 0.001% of the population

Trichromacy

#82463c Protanomaly 1% of men, 0.01% of women
#8b432a Deuteranomaly 6% of men, 0.4% of women
#b12027 Tritanomaly 0.01% of the population

#af172a hex color

#af172a Color Information

#af172a Color Conversion

Color Schemes with #af172a

Alternatives to #af172a

#af172a Preview

Shades and Tints of #af172a

Tones of #af172a

Color Blindness Simulator