#af1d3a hex color

In a RGB color space, hex #af1d3a is composed of 68.6% red, 11.4% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.4% magenta, 66.9% yellow and 31.4% black. It has a hue angle of 348.1 degrees, a saturation of 71.6% and a lightness of 40%. #af1d3a color hex could be obtained by blending #ff3a74 with #5f0000. Closest websafe color is: #993333.

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

● #af1d3a color description : Dark red.

The hexadecimal color #af1d3a has RGB values of R:175, G:29, B:58 and CMYK values of C:0, M:0.83, Y:0.67, K:0.31. Its decimal value is 11476282.

Hex triplet	af1d3a	`#af1d3a`
RGB Decimal	175, 29, 58	`rgb(175,29,58)`
RGB Percent	68.6, 11.4, 22.7	`rgb(68.6%,11.4%,22.7%)`
CMYK	0, 83, 67, 31
HSL	348.1°, 71.6, 40	`hsl(348.1,71.6%,40%)`
HSV (or HSB)	348.1°, 83.4, 68.6
Web Safe	993333	`#993333`

CIE-LAB	38.376, 57.372, 22.148
XYZ	18.883, 10.3, 4.997
xyY	0.552, 0.301, 10.3
CIE-LCH	38.376, 61.499, 21.109
CIE-LUV	38.376, 101.334, 11.862
Hunter-Lab	32.094, 48.858, 13.235
Binary	10101111, 00011101, 00111010

#af1d3a
```
#af1d3a rgb(175,29,58)
```
#1daf92
```
#1daf92 rgb(29,175,146)
```

Complementary Color

#af1d83
```
#af1d83 rgb(175,29,131)
```
#af1d3a
```
#af1d3a rgb(175,29,58)
```
#af491d
```
#af491d rgb(175,73,29)
```

Analogous Color

#1d83af
```
#1d83af rgb(29,131,175)
```
#af1d3a
```
#af1d3a rgb(175,29,58)
```
#1daf49
```
#1daf49 rgb(29,175,73)
```

Split Complementary Color

#1d3aaf
```
#1d3aaf rgb(29,58,175)
```
#af1d3a
```
#af1d3a rgb(175,29,58)
```
#3aaf1d
```
#3aaf1d rgb(58,175,29)
```

Triadic Color

#921daf
```
#921daf rgb(146,29,175)
```
#af1d3a
```
#af1d3a rgb(175,29,58)
```
#3aaf1d
```
#3aaf1d rgb(58,175,29)
```
#1daf92
```
#1daf92 rgb(29,175,146)
```

Tetradic Color

#6d1224
```
#6d1224 rgb(109,18,36)
```
#83162c
```
#83162c rgb(131,22,44)
```
#991933
```
#991933 rgb(153,25,51)
```
#af1d3a
```
#af1d3a rgb(175,29,58)
```
#c52141
```
#c52141 rgb(197,33,65)
```
#db2448
```
#db2448 rgb(219,36,72)
```
#de3a5b
```
#de3a5b rgb(222,58,91)
```

Monochromatic Color

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

#af1d5f
```
#af1d5f rgb(175,29,95)
```
#af1d52
```
#af1d52 rgb(175,29,82)
```
#af1d46
```
#af1d46 rgb(175,29,70)
```
#af1d3a
```
#af1d3a rgb(175,29,58)
```
#af1d2e
```
#af1d2e rgb(175,29,46)
```
#af1d22
```
#af1d22 rgb(175,29,34)
```
#af251d
```
#af251d rgb(175,37,29)
```

Similar Colors

Text with hexadecimal color #af1d3a

This text has a font color of #af1d3a.

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

#af1d3a background color

This paragraph has a background color of #af1d3a.

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

#af1d3a border color

This element has a border color of #af1d3a.

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

CSS codes

.text {color:#af1d3a;}

.background {background-color:#af1d3a;}

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

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

#070102
```
#070102 rgb(7,1,2)
```
#180408
```
#180408 rgb(24,4,8)
```
#28070d
```
#28070d rgb(40,7,13)
```
#390913
```
#390913 rgb(57,9,19)
```
#4a0c19
```
#4a0c19 rgb(74,12,25)
```
#5b0f1e
```
#5b0f1e rgb(91,15,30)
```
#6c1224
```
#6c1224 rgb(108,18,36)
```
#7d1529
```
#7d1529 rgb(125,21,41)
```
#8d172f
```
#8d172f rgb(141,23,47)
```
#9e1a34
```
#9e1a34 rgb(158,26,52)
```
#af1d3a
```
#af1d3a rgb(175,29,58)
```
#c02040
```
#c02040 rgb(192,32,64)
```
#d12345
```
#d12345 rgb(209,35,69)
```

Shade Color Variation

#dc2b4e
```
#dc2b4e rgb(220,43,78)
```
#df3c5c
```
#df3c5c rgb(223,60,92)
```
#e14d6a
```
#e14d6a rgb(225,77,106)
```
#e45d78
```
#e45d78 rgb(228,93,120)
```
#e76e86
```
#e76e86 rgb(231,110,134)
```
#ea7f94
```
#ea7f94 rgb(234,127,148)
```
#ed90a2
```
#ed90a2 rgb(237,144,162)
```
#efa1b0
```
#efa1b0 rgb(239,161,176)
```
#f2b2be
```
#f2b2be rgb(242,178,190)
```
#f5c2cc
```
#f5c2cc rgb(245,194,204)
```
#f8d3db
```
#f8d3db rgb(248,211,219)
```
#fbe4e9
```
#fbe4e9 rgb(251,228,233)
```
#fdf5f7
```
#fdf5f7 rgb(253,245,247)
```

Tint Color Variation

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

#686465
```
#686465 rgb(104,100,101)
```
#705c60
```
#705c60 rgb(112,92,96)
```
#78545b
```
#78545b rgb(120,84,91)
```
#804c56
```
#804c56 rgb(128,76,86)
```
#884452
```
#884452 rgb(136,68,82)
```
#903c4d
```
#903c4d rgb(144,60,77)
```
#973548
```
#973548 rgb(151,53,72)
```
#9f2d43
```
#9f2d43 rgb(159,45,67)
```
#a7253f
```
#a7253f rgb(167,37,63)
```
#af1d3a
```
#af1d3a rgb(175,29,58)
```
#b71535
```
#b71535 rgb(183,21,53)
```
#bf0d31
```
#bf0d31 rgb(191,13,49)
```
#c7052c
```
#c7052c rgb(199,5,44)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#604348 Atypical Achromatopsia 0.001% of the population

Dichromacy

#676258 Protanopia 1% of men
#775e3a Deuteranopia 1% of men
#b22d2e Tritanopia 0.001% of the population

Trichromacy

#81494d Protanomaly 1% of men, 0.01% of women
#8b463a Deuteranomaly 6% of men, 0.4% of women
#b12732 Tritanomaly 0.01% of the population

#af1d3a hex color

#af1d3a Color Information

#af1d3a Color Conversion

Color Schemes with #af1d3a

Alternatives to #af1d3a

#af1d3a Preview

Shades and Tints of #af1d3a

Tones of #af1d3a

Color Blindness Simulator