#af0311 hex color

In a RGB color space, hex #af0311 is composed of 68.6% red, 1.2% green and 6.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98.3% magenta, 90.3% yellow and 31.4% black. It has a hue angle of 355.1 degrees, a saturation of 96.6% and a lightness of 34.9%. #af0311 color hex could be obtained by blending #ff0622 with #5f0000. Closest websafe color is: #990000.

♥
- f
- t
- g
- R 69
- G 1
- B 7
RGB color chart
- C 0
- M 98
- Y 90
- K 31
CMYK color chart

● #af0311 color description : Dark red.

The hexadecimal color #af0311 has RGB values of R:175, G:3, B:17 and CMYK values of C:0, M:0.98, Y:0.9, K:0.31. Its decimal value is 11469585.

Hex triplet	af0311	`#af0311`
RGB Decimal	175, 3, 17	`rgb(175,3,17)`
RGB Percent	68.6, 1.2, 6.7	`rgb(68.6%,1.2%,6.7%)`
CMYK	0, 98, 90, 31
HSL	355.1°, 96.6, 34.9	`hsl(355.1,96.6%,34.9%)`
HSV (or HSB)	355.1°, 98.3, 68.6
Web Safe	990000	`#990000`

CIE-LAB	36.408, 60.242, 43.814
XYZ	17.814, 9.222, 1.372
xyY	0.627, 0.325, 9.222
CIE-LCH	36.408, 74.49, 36.029
CIE-LUV	36.408, 116.805, 23.455
Hunter-Lab	30.368, 51.566, 18.578
Binary	10101111, 00000011, 00010001

#af0311
```
#af0311 rgb(175,3,17)
```
#03afa1
```
#03afa1 rgb(3,175,161)
```

Complementary Color

#af0367
```
#af0367 rgb(175,3,103)
```
#af0311
```
#af0311 rgb(175,3,17)
```
#af4b03
```
#af4b03 rgb(175,75,3)
```

Analogous Color

#0367af
```
#0367af rgb(3,103,175)
```
#af0311
```
#af0311 rgb(175,3,17)
```
#03af4b
```
#03af4b rgb(3,175,75)
```

Split Complementary Color

#0311af
```
#0311af rgb(3,17,175)
```
#af0311
```
#af0311 rgb(175,3,17)
```
#11af03
```
#11af03 rgb(17,175,3)
```

Triadic Color

#a103af
```
#a103af rgb(161,3,175)
```
#af0311
```
#af0311 rgb(175,3,17)
```
#11af03
```
#11af03 rgb(17,175,3)
```
#03afa1
```
#03afa1 rgb(3,175,161)
```

Tetradic Color

#64020a
```
#64020a rgb(100,2,10)
```
#7d020c
```
#7d020c rgb(125,2,12)
```
#96030f
```
#96030f rgb(150,3,15)
```
#af0311
```
#af0311 rgb(175,3,17)
```
#c80313
```
#c80313 rgb(200,3,19)
```
#e10416
```
#e10416 rgb(225,4,22)
```
#fa0418
```
#fa0418 rgb(250,4,24)
```

Monochromatic Color

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

#af033c
```
#af033c rgb(175,3,60)
```
#af032e
```
#af032e rgb(175,3,46)
```
#af031f
```
#af031f rgb(175,3,31)
```
#af0311
```
#af0311 rgb(175,3,17)
```
#af0303
```
#af0303 rgb(175,3,3)
```
#af1203
```
#af1203 rgb(175,18,3)
```
#af2003
```
#af2003 rgb(175,32,3)
```

Similar Colors

Text with hexadecimal color #af0311

This text has a font color of #af0311.

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

#af0311 background color

This paragraph has a background color of #af0311.

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

#af0311 border color

This element has a border color of #af0311.

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

CSS codes

.text {color:#af0311;}

.background {background-color:#af0311;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#150002
```
#150002 rgb(21,0,2)
```
#280104
```
#280104 rgb(40,1,4)
```
#3b0106
```
#3b0106 rgb(59,1,6)
```
#4f0108
```
#4f0108 rgb(79,1,8)
```
#62020a
```
#62020a rgb(98,2,10)
```
#75020b
```
#75020b rgb(117,2,11)
```
#88020d
```
#88020d rgb(136,2,13)
```
#9c030f
```
#9c030f rgb(156,3,15)
```
#af0311
```
#af0311 rgb(175,3,17)
```
#c20313
```
#c20313 rgb(194,3,19)
```
#d60415
```
#d60415 rgb(214,4,21)
```
#e90417
```
#e90417 rgb(233,4,23)
```

Shade Color Variation

#fb061a
```
#fb061a rgb(251,6,26)
```
#fb192b
```
#fb192b rgb(251,25,43)
```
#fb2c3d
```
#fb2c3d rgb(251,44,61)
```
#fc404f
```
#fc404f rgb(252,64,79)
```
#fc5361
```
#fc5361 rgb(252,83,97)
```
#fc6672
```
#fc6672 rgb(252,102,114)
```
#fd7984
```
#fd7984 rgb(253,121,132)
```
#fd8d96
```
#fd8d96 rgb(253,141,150)
```
#fda0a8
```
#fda0a8 rgb(253,160,168)
```
#feb3b9
```
#feb3b9 rgb(254,179,185)
```
#fec7cb
```
#fec7cb rgb(254,199,203)
```
#fedadd
```
#fedadd rgb(254,218,221)
```
#ffedef
```
#ffedef rgb(255,237,239)
```

Tint Color Variation

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

#5d5556
```
#5d5556 rgb(93,85,86)
```
#644e50
```
#644e50 rgb(100,78,80)
```
#6b474a
```
#6b474a rgb(107,71,74)
```
#714145
```
#714145 rgb(113,65,69)
```
#783a3f
```
#783a3f rgb(120,58,63)
```
#7f3339
```
#7f3339 rgb(127,51,57)
```
#862c33
```
#862c33 rgb(134,44,51)
```
#8d252e
```
#8d252e rgb(141,37,46)
```
#941e28
```
#941e28 rgb(148,30,40)
```
#9a1822
```
#9a1822 rgb(154,24,34)
```
#a1111c
```
#a1111c rgb(161,17,28)
```
#a80a17
```
#a80a17 rgb(168,10,23)
```
#af0311
```
#af0311 rgb(175,3,17)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#502d30 Atypical Achromatopsia 0.001% of the population

Dichromacy

#685e2c Protanopia 1% of men
#765900 Deuteranopia 1% of men
#b21200 Tritanopia 0.001% of the population

Trichromacy

#823d22 Protanomaly 1% of men, 0.01% of women
#8a3a06 Deuteranomaly 6% of men, 0.4% of women
#b10d06 Tritanomaly 0.01% of the population

#af0311 hex color

#af0311 Color Information

#af0311 Color Conversion

Color Schemes with #af0311

Alternatives to #af0311

#af0311 Preview

Shades and Tints of #af0311

Tones of #af0311

Color Blindness Simulator