#af1a2a hex color

In a RGB color space, hex #af1a2a is composed of 68.6% red, 10.2% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.1% magenta, 76% yellow and 31.4% black. It has a hue angle of 353.6 degrees, a saturation of 74.1% and a lightness of 39.4%. #af1a2a color hex could be obtained by blending #ff3454 with #5f0000. Closest websafe color is: #993333.

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

● #af1a2a color description : Dark red.

The hexadecimal color #af1a2a has RGB values of R:175, G:26, B:42 and CMYK values of C:0, M:0.85, Y:0.76, K:0.31. Its decimal value is 11475498.

Hex triplet	af1a2a	`#af1a2a`
RGB Decimal	175, 26, 42	`rgb(175,26,42)`
RGB Percent	68.6, 10.2, 16.5	`rgb(68.6%,10.2%,16.5%)`
CMYK	0, 85, 76, 31
HSL	353.6°, 74.1, 39.4	`hsl(353.6,74.1%,39.4%)`
HSV (or HSB)	353.6°, 85.1, 68.6
Web Safe	993333	`#993333`

CIE-LAB	37.882, 57.345, 31.487
XYZ	18.467, 10.022, 3.152
xyY	0.584, 0.317, 10.022
CIE-LCH	37.882, 65.421, 28.771
CIE-LUV	37.882, 106.648, 18.552
Hunter-Lab	31.658, 48.725, 16.256
Binary	10101111, 00011010, 00101010

#af1a2a
```
#af1a2a rgb(175,26,42)
```
#1aaf9f
```
#1aaf9f rgb(26,175,159)
```

Complementary Color

#af1a75
```
#af1a75 rgb(175,26,117)
```
#af1a2a
```
#af1a2a rgb(175,26,42)
```
#af551a
```
#af551a rgb(175,85,26)
```

Analogous Color

#1a75af
```
#1a75af rgb(26,117,175)
```
#af1a2a
```
#af1a2a rgb(175,26,42)
```
#1aaf55
```
#1aaf55 rgb(26,175,85)
```

Split Complementary Color

#1a2aaf
```
#1a2aaf rgb(26,42,175)
```
#af1a2a
```
#af1a2a rgb(175,26,42)
```
#2aaf1a
```
#2aaf1a rgb(42,175,26)
```

Triadic Color

#9f1aaf
```
#9f1aaf rgb(159,26,175)
```
#af1a2a
```
#af1a2a rgb(175,26,42)
```
#2aaf1a
```
#2aaf1a rgb(42,175,26)
```
#1aaf9f
```
#1aaf9f rgb(26,175,159)
```

Tetradic Color

#6c101a
```
#6c101a rgb(108,16,26)
```
#83131f
```
#83131f rgb(131,19,31)
```
#991725
```
#991725 rgb(153,23,37)
```
#af1a2a
```
#af1a2a rgb(175,26,42)
```
#c51d2f
```
#c51d2f rgb(197,29,47)
```
#db2135
```
#db2135 rgb(219,33,53)
```
#e13547
```
#e13547 rgb(225,53,71)
```

Monochromatic Color

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

#af1a4f
```
#af1a4f rgb(175,26,79)
```
#af1a43
```
#af1a43 rgb(175,26,67)
```
#af1a36
```
#af1a36 rgb(175,26,54)
```
#af1a2a
```
#af1a2a rgb(175,26,42)
```
#af1a1e
```
#af1a1e rgb(175,26,30)
```
#af231a
```
#af231a rgb(175,35,26)
```
#af2f1a
```
#af2f1a rgb(175,47,26)
```

Similar Colors

Text with hexadecimal color #af1a2a

This text has a font color of #af1a2a.

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

#af1a2a background color

This paragraph has a background color of #af1a2a.

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

#af1a2a border color

This element has a border color of #af1a2a.

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

CSS codes

.text {color:#af1a2a;}

.background {background-color:#af1a2a;}

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

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

#040101
```
#040101 rgb(4,1,1)
```
#150305
```
#150305 rgb(21,3,5)
```
#260609
```
#260609 rgb(38,6,9)
```
#37080d
```
#37080d rgb(55,8,13)
```
#490b11
```
#490b11 rgb(73,11,17)
```
#5a0d16
```
#5a0d16 rgb(90,13,22)
```
#6b101a
```
#6b101a rgb(107,16,26)
```
#7c121e
```
#7c121e rgb(124,18,30)
```
#8d1522
```
#8d1522 rgb(141,21,34)
```
#9e1726
```
#9e1726 rgb(158,23,38)
```
#af1a2a
```
#af1a2a rgb(175,26,42)
```
#c01d2e
```
#c01d2e rgb(192,29,46)
```
#d11f32
```
#d11f32 rgb(209,31,50)
```

Shade Color Variation

#df2539
```
#df2539 rgb(223,37,57)
```
#e13649
```
#e13649 rgb(225,54,73)
```
#e44758
```
#e44758 rgb(228,71,88)
```
#e65868
```
#e65868 rgb(230,88,104)
```
#e96a77
```
#e96a77 rgb(233,106,119)
```
#eb7b87
```
#eb7b87 rgb(235,123,135)
```
#ee8c96
```
#ee8c96 rgb(238,140,150)
```
#f09da6
```
#f09da6 rgb(240,157,166)
```
#f3aeb5
```
#f3aeb5 rgb(243,174,181)
```
#f5bfc5
```
#f5bfc5 rgb(245,191,197)
```
#f8d0d4
```
#f8d0d4 rgb(248,208,212)
```
#fbe1e4
```
#fbe1e4 rgb(251,225,228)
```
#fdf2f3
```
#fdf2f3 rgb(253,242,243)
```

Tint Color Variation

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

#696061
```
#696061 rgb(105,96,97)
```
#71585b
```
#71585b rgb(113,88,91)
```
#795054
```
#795054 rgb(121,80,84)
```
#81484e
```
#81484e rgb(129,72,78)
```
#884148
```
#884148 rgb(136,65,72)
```
#903942
```
#903942 rgb(144,57,66)
```
#98313c
```
#98313c rgb(152,49,60)
```
#a02936
```
#a02936 rgb(160,41,54)
```
#a72230
```
#a72230 rgb(167,34,48)
```
#af1a2a
```
#af1a2a rgb(175,26,42)
```
#b71224
```
#b71224 rgb(183,18,36)
```
#be0b1e
```
#be0b1e rgb(190,11,30)
```
#c60318
```
#c60318 rgb(198,3,24)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#5d3f42 Atypical Achromatopsia 0.001% of the population

Dichromacy

#696146 Protanopia 1% of men
#785d2a Deuteranopia 1% of men
#b22828 Tritanopia 0.001% of the population

Trichromacy

#82473c Protanomaly 1% of men, 0.01% of women
#8c442a Deuteranomaly 6% of men, 0.4% of women
#b12328 Tritanomaly 0.01% of the population

#af1a2a hex color

#af1a2a Color Information

#af1a2a Color Conversion

Color Schemes with #af1a2a

Alternatives to #af1a2a

#af1a2a Preview

Shades and Tints of #af1a2a

Tones of #af1a2a

Color Blindness Simulator