#af1b1f hex color

In a RGB color space, hex #af1b1f is composed of 68.6% red, 10.6% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 84.6% magenta, 82.3% yellow and 31.4% black. It has a hue angle of 358.4 degrees, a saturation of 73.3% and a lightness of 39.6%. #af1b1f color hex could be obtained by blending #ff363e with #5f0000. Closest websafe color is: #993333.

♥
- f
- t
- g
- R 69
- G 11
- B 12
RGB color chart
- C 0
- M 85
- Y 82
- K 31
CMYK color chart

● #af1b1f color description : Dark red.

The hexadecimal color #af1b1f has RGB values of R:175, G:27, B:31 and CMYK values of C:0, M:0.85, Y:0.82, K:0.31. Its decimal value is 11475743.

Hex triplet	af1b1f	`#af1b1f`
RGB Decimal	175, 27, 31	`rgb(175,27,31)`
RGB Percent	68.6, 10.6, 12.2	`rgb(68.6%,10.6%,12.2%)`
CMYK	0, 85, 82, 31
HSL	358.4°, 73.3, 39.6	`hsl(358.4,73.3%,39.6%)`
HSV (or HSB)	358.4°, 84.6, 68.6
Web Safe	993333	`#993333`

CIE-LAB	37.841, 56.748, 37.851
XYZ	18.319, 9.999, 2.262
xyY	0.599, 0.327, 9.999
CIE-LCH	37.841, 68.213, 33.703
CIE-LUV	37.841, 108.555, 22.45
Hunter-Lab	31.621, 48.074, 17.894
Binary	10101111, 00011011, 00011111

#af1b1f
```
#af1b1f rgb(175,27,31)
```
#1bafab
```
#1bafab rgb(27,175,171)
```

Complementary Color

#af1b69
```
#af1b69 rgb(175,27,105)
```
#af1b1f
```
#af1b1f rgb(175,27,31)
```
#af611b
```
#af611b rgb(175,97,27)
```

Analogous Color

#1b69af
```
#1b69af rgb(27,105,175)
```
#af1b1f
```
#af1b1f rgb(175,27,31)
```
#1baf61
```
#1baf61 rgb(27,175,97)
```

Split Complementary Color

#1b1faf
```
#1b1faf rgb(27,31,175)
```
#af1b1f
```
#af1b1f rgb(175,27,31)
```
#1faf1b
```
#1faf1b rgb(31,175,27)
```

Triadic Color

#ab1baf
```
#ab1baf rgb(171,27,175)
```
#af1b1f
```
#af1b1f rgb(175,27,31)
```
#1faf1b
```
#1faf1b rgb(31,175,27)
```
#1bafab
```
#1bafab rgb(27,175,171)
```

Tetradic Color

#6d1113
```
#6d1113 rgb(109,17,19)
```
#831417
```
#831417 rgb(131,20,23)
```
#99181b
```
#99181b rgb(153,24,27)
```
#af1b1f
```
#af1b1f rgb(175,27,31)
```
#c51e23
```
#c51e23 rgb(197,30,35)
```
#db2227
```
#db2227 rgb(219,34,39)
```
#e0363b
```
#e0363b rgb(224,54,59)
```

Monochromatic Color

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

#af1b44
```
#af1b44 rgb(175,27,68)
```
#af1b38
```
#af1b38 rgb(175,27,56)
```
#af1b2b
```
#af1b2b rgb(175,27,43)
```
#af1b1f
```
#af1b1f rgb(175,27,31)
```
#af231b
```
#af231b rgb(175,35,27)
```
#af301b
```
#af301b rgb(175,48,27)
```
#af3c1b
```
#af3c1b rgb(175,60,27)
```

Similar Colors

Text with hexadecimal color #af1b1f

This text has a font color of #af1b1f.

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

#af1b1f background color

This paragraph has a background color of #af1b1f.

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

#af1b1f border color

This element has a border color of #af1b1f.

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

CSS codes

.text {color:#af1b1f;}

.background {background-color:#af1b1f;}

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

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

#050101
```
#050101 rgb(5,1,1)
```
#160304
```
#160304 rgb(22,3,4)
```
#270607
```
#270607 rgb(39,6,7)
```
#38090a
```
#38090a rgb(56,9,10)
```
#490b0d
```
#490b0d rgb(73,11,13)
```
#5a0e10
```
#5a0e10 rgb(90,14,16)
```
#6b1113
```
#6b1113 rgb(107,17,19)
```
#7c1316
```
#7c1316 rgb(124,19,22)
```
#8d1619
```
#8d1619 rgb(141,22,25)
```
#9e181c
```
#9e181c rgb(158,24,28)
```
#af1b1f
```
#af1b1f rgb(175,27,31)
```
#c01e22
```
#c01e22 rgb(192,30,34)
```
#d12025
```
#d12025 rgb(209,32,37)
```

Shade Color Variation

#de272c
```
#de272c rgb(222,39,44)
```
#e0383d
```
#e0383d rgb(224,56,61)
```
#e3494d
```
#e3494d rgb(227,73,77)
```
#e65a5e
```
#e65a5e rgb(230,90,94)
```
#e86b6f
```
#e86b6f rgb(232,107,111)
```
#eb7c7f
```
#eb7c7f rgb(235,124,127)
```
#ed8d90
```
#ed8d90 rgb(237,141,144)
```
#f09ea0
```
#f09ea0 rgb(240,158,160)
```
#f3afb1
```
#f3afb1 rgb(243,175,177)
```
#f5c0c2
```
#f5c0c2 rgb(245,192,194)
```
#f8d1d2
```
#f8d1d2 rgb(248,209,210)
```
#fbe2e3
```
#fbe2e3 rgb(251,226,227)
```
#fdf3f3
```
#fdf3f3 rgb(253,243,243)
```

Tint Color Variation

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

#696161
```
#696161 rgb(105,97,97)
```
#71595a
```
#71595a rgb(113,89,90)
```
#795152
```
#795152 rgb(121,81,82)
```
#804a4b
```
#804a4b rgb(128,74,75)
```
#884244
```
#884244 rgb(136,66,68)
```
#903a3c
```
#903a3c rgb(144,58,60)
```
#983235
```
#983235 rgb(152,50,53)
```
#9f2b2e
```
#9f2b2e rgb(159,43,46)
```
#a72326
```
#a72326 rgb(167,35,38)
```
#af1b1f
```
#af1b1f rgb(175,27,31)
```
#b71318
```
#b71318 rgb(183,19,24)
```
#bf0b10
```
#bf0b10 rgb(191,11,16)
```
#c60409
```
#c60409 rgb(198,4,9)
```

Tone Color Variation

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

Dichromacy

#6a6139 Protanopia 1% of men
#795d1d Deuteranopia 1% of men
#b32727 Tritanopia 0.001% of the population

Trichromacy

#83482f Protanomaly 1% of men, 0.01% of women
#8c451d Deuteranomaly 6% of men, 0.4% of women
#b12224 Tritanomaly 0.01% of the population

#af1b1f hex color

#af1b1f Color Information

#af1b1f Color Conversion

Color Schemes with #af1b1f

Alternatives to #af1b1f

#af1b1f Preview

Shades and Tints of #af1b1f

Tones of #af1b1f

Color Blindness Simulator