#af0012 hex color

In a RGB color space, hex #af0012 is composed of 68.6% red, 0% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 100% magenta, 89.7% yellow and 31.4% black. It has a hue angle of 353.8 degrees, a saturation of 100% and a lightness of 34.3%. #af0012 color hex could be obtained by blending #ff0024 with #5f0000. Closest websafe color is: #990000.

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

● #af0012 color description : Dark red.

The hexadecimal color #af0012 has RGB values of R:175, G:0, B:18 and CMYK values of C:0, M:1, Y:0.9, K:0.31. Its decimal value is 11468818.

Hex triplet	af0012	`#af0012`
RGB Decimal	175, 0, 18	`rgb(175,0,18)`
RGB Percent	68.6, 0, 7.1	`rgb(68.6%,0%,7.1%)`
CMYK	0, 100, 90, 31
HSL	353.8°, 100, 34.3	`hsl(353.8,100%,34.3%)`
HSV (or HSB)	353.8°, 100, 68.6
Web Safe	990000	`#990000`

CIE-LAB	36.291, 60.617, 43.261
XYZ	17.789, 9.16, 1.404
xyY	0.627, 0.323, 9.16
CIE-LCH	36.291, 74.471, 35.514
CIE-LUV	36.291, 117.268, 23.047
Hunter-Lab	30.266, 51.954, 18.436
Binary	10101111, 00000000, 00010010

#af0012
```
#af0012 rgb(175,0,18)
```
#00af9d
```
#00af9d rgb(0,175,157)
```

Complementary Color

#af006a
```
#af006a rgb(175,0,106)
```
#af0012
```
#af0012 rgb(175,0,18)
```
#af4600
```
#af4600 rgb(175,70,0)
```

Analogous Color

#006aaf
```
#006aaf rgb(0,106,175)
```
#af0012
```
#af0012 rgb(175,0,18)
```
#00af45
```
#00af45 rgb(0,175,69)
```

Split Complementary Color

#0012af
```
#0012af rgb(0,18,175)
```
#af0012
```
#af0012 rgb(175,0,18)
```
#12af00
```
#12af00 rgb(18,175,0)
```

Triadic Color

#9d00af
```
#9d00af rgb(157,0,175)
```
#af0012
```
#af0012 rgb(175,0,18)
```
#12af00
```
#12af00 rgb(18,175,0)
```
#00af9d
```
#00af9d rgb(0,175,157)
```

Tetradic Color

#63000a
```
#63000a rgb(99,0,10)
```
#7c000d
```
#7c000d rgb(124,0,13)
```
#96000f
```
#96000f rgb(150,0,15)
```
#af0012
```
#af0012 rgb(175,0,18)
```
#c90015
```
#c90015 rgb(201,0,21)
```
#e20017
```
#e20017 rgb(226,0,23)
```
#fc001a
```
#fc001a rgb(252,0,26)
```

Monochromatic Color

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

#af003e
```
#af003e rgb(175,0,62)
```
#af002f
```
#af002f rgb(175,0,47)
```
#af0021
```
#af0021 rgb(175,0,33)
```
#af0012
```
#af0012 rgb(175,0,18)
```
#af0003
```
#af0003 rgb(175,0,3)
```
#af0b00
```
#af0b00 rgb(175,11,0)
```
#af1a00
```
#af1a00 rgb(175,26,0)
```

Similar Colors

Text with hexadecimal color #af0012

This text has a font color of #af0012.

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

#af0012 background color

This paragraph has a background color of #af0012.

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

#af0012 border color

This element has a border color of #af0012.

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

CSS codes

.text {color:#af0012;}

.background {background-color:#af0012;}

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

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

#120002
```
#120002 rgb(18,0,2)
```
#260004
```
#260004 rgb(38,0,4)
```
#390006
```
#390006 rgb(57,0,6)
```
#4d0008
```
#4d0008 rgb(77,0,8)
```
#61000a
```
#61000a rgb(97,0,10)
```
#74000c
```
#74000c rgb(116,0,12)
```
#88000e
```
#88000e rgb(136,0,14)
```
#9b0010
```
#9b0010 rgb(155,0,16)
```
#af0012
```
#af0012 rgb(175,0,18)
```
#c30014
```
#c30014 rgb(195,0,20)
```
#d60016
```
#d60016 rgb(214,0,22)
```
#ea0018
```
#ea0018 rgb(234,0,24)
```
#fd001a
```
#fd001a rgb(253,0,26)
```

Shade Color Variation

#ff122a
```
#ff122a rgb(255,18,42)
```
#ff263c
```
#ff263c rgb(255,38,60)
```
#ff394e
```
#ff394e rgb(255,57,78)
```
#ff4d5f
```
#ff4d5f rgb(255,77,95)
```
#ff6171
```
#ff6171 rgb(255,97,113)
```
#ff7482
```
#ff7482 rgb(255,116,130)
```
#ff8894
```
#ff8894 rgb(255,136,148)
```
#ff9ba6
```
#ff9ba6 rgb(255,155,166)
```
#ffafb7
```
#ffafb7 rgb(255,175,183)
```
#ffc3c9
```
#ffc3c9 rgb(255,195,201)
```
#ffd6da
```
#ffd6da rgb(255,214,218)
```
#ffeaec
```
#ffeaec rgb(255,234,236)
```
#fffdfe
```
#fffdfe rgb(255,253,254)
```

Tint Color Variation

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

#5e5152
```
#5e5152 rgb(94,81,82)
```
#654a4d
```
#654a4d rgb(101,74,77)
```
#6c4347
```
#6c4347 rgb(108,67,71)
```
#723d42
```
#723d42 rgb(114,61,66)
```
#79363d
```
#79363d rgb(121,54,61)
```
#802f37
```
#802f37 rgb(128,47,55)
```
#872832
```
#872832 rgb(135,40,50)
```
#8d222d
```
#8d222d rgb(141,34,45)
```
#941b27
```
#941b27 rgb(148,27,39)
```
#9b1422
```
#9b1422 rgb(155,20,34)
```
#a20d1d
```
#a20d1d rgb(162,13,29)
```
#a80717
```
#a80717 rgb(168,7,23)
```
#af0012
```
#af0012 rgb(175,0,18)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#4e2b2f Atypical Achromatopsia 0.001% of the population

Dichromacy

#685e2d Protanopia 1% of men
#755900 Deuteranopia 1% of men
#b21300 Tritanopia 0.001% of the population

Trichromacy

#813c23 Protanomaly 1% of men, 0.01% of women
#8a3906 Deuteranomaly 6% of men, 0.4% of women
#b10c06 Tritanomaly 0.01% of the population

#af0012 hex color

#af0012 Color Information

#af0012 Color Conversion

Color Schemes with #af0012

Alternatives to #af0012

#af0012 Preview

Shades and Tints of #af0012

Tones of #af0012

Color Blindness Simulator