#af301a hex color

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

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

● #af301a color description : Dark red.

The hexadecimal color #af301a has RGB values of R:175, G:48, B:26 and CMYK values of C:0, M:0.73, Y:0.85, K:0.31. Its decimal value is 11481114.

Hex triplet	af301a	`#af301a`
RGB Decimal	175, 48, 26	`rgb(175,48,26)`
RGB Percent	68.6, 18.8, 10.2	`rgb(68.6%,18.8%,10.2%)`
CMYK	0, 73, 85, 31
HSL	8.9°, 74.1, 39.4	`hsl(8.9,74.1%,39.4%)`
HSV (or HSB)	8.9°, 85.1, 68.6
Web Safe	993333	`#993333`

CIE-LAB	40.089, 50.198, 42.54
XYZ	18.924, 11.305, 2.163
xyY	0.584, 0.349, 11.305
CIE-LCH	40.089, 65.799, 40.28
CIE-LUV	40.089, 99.212, 27.864
Hunter-Lab	33.622, 41.625, 19.722
Binary	10101111, 00110000, 00011010

#af301a
```
#af301a rgb(175,48,26)
```
#1a99af
```
#1a99af rgb(26,153,175)
```

Complementary Color

#af1a4e
```
#af1a4e rgb(175,26,78)
```
#af301a
```
#af301a rgb(175,48,26)
```
#af7b1a
```
#af7b1a rgb(175,123,26)
```

Analogous Color

#1a4eaf
```
#1a4eaf rgb(26,78,175)
```
#af301a
```
#af301a rgb(175,48,26)
```
#1aaf7b
```
#1aaf7b rgb(26,175,123)
```

Split Complementary Color

#301aaf
```
#301aaf rgb(48,26,175)
```
#af301a
```
#af301a rgb(175,48,26)
```
#1aaf30
```
#1aaf30 rgb(26,175,48)
```

Triadic Color

#af1a99
```
#af1a99 rgb(175,26,153)
```
#af301a
```
#af301a rgb(175,48,26)
```
#1aaf30
```
#1aaf30 rgb(26,175,48)
```
#1a99af
```
#1a99af rgb(26,153,175)
```

Tetradic Color

#6c1e10
```
#6c1e10 rgb(108,30,16)
```
#832413
```
#832413 rgb(131,36,19)
```
#992a17
```
#992a17 rgb(153,42,23)
```
#af301a
```
#af301a rgb(175,48,26)
```
#c5361d
```
#c5361d rgb(197,54,29)
```
#db3c21
```
#db3c21 rgb(219,60,33)
```
#e14e35
```
#e14e35 rgb(225,78,53)
```

Monochromatic Color

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

#af1a29
```
#af1a29 rgb(175,26,41)
```
#af1a1d
```
#af1a1d rgb(175,26,29)
```
#af241a
```
#af241a rgb(175,36,26)
```
#af301a
```
#af301a rgb(175,48,26)
```
#af3c1a
```
#af3c1a rgb(175,60,26)
```
#af491a
```
#af491a rgb(175,73,26)
```
#af551a
```
#af551a rgb(175,85,26)
```

Similar Colors

Text with hexadecimal color #af301a

This text has a font color of #af301a.

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

#af301a background color

This paragraph has a background color of #af301a.

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

#af301a border color

This element has a border color of #af301a.

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

CSS codes

.text {color:#af301a;}

.background {background-color:#af301a;}

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

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 #fdf4f2 is the lightest one.

#040101
```
#040101 rgb(4,1,1)
```
#150603
```
#150603 rgb(21,6,3)
```
#260b06
```
#260b06 rgb(38,11,6)
```
#370f08
```
#370f08 rgb(55,15,8)
```
#49140b
```
#49140b rgb(73,20,11)
```
#5a190d
```
#5a190d rgb(90,25,13)
```
#6b1d10
```
#6b1d10 rgb(107,29,16)
```
#7c2212
```
#7c2212 rgb(124,34,18)
```
#8d2715
```
#8d2715 rgb(141,39,21)
```
#9e2b17
```
#9e2b17 rgb(158,43,23)
```
#af301a
```
#af301a rgb(175,48,26)
```
#c0351d
```
#c0351d rgb(192,53,29)
```
#d1391f
```
#d1391f rgb(209,57,31)
```

Shade Color Variation

#df4125
```
#df4125 rgb(223,65,37)
```
#e15036
```
#e15036 rgb(225,80,54)
```
#e45e47
```
#e45e47 rgb(228,94,71)
```
#e66d58
```
#e66d58 rgb(230,109,88)
```
#e97c6a
```
#e97c6a rgb(233,124,106)
```
#eb8b7b
```
#eb8b7b rgb(235,139,123)
```
#ee9a8c
```
#ee9a8c rgb(238,154,140)
```
#f0a99d
```
#f0a99d rgb(240,169,157)
```
#f3b8ae
```
#f3b8ae rgb(243,184,174)
```
#f5c7bf
```
#f5c7bf rgb(245,199,191)
```
#f8d6d0
```
#f8d6d0 rgb(248,214,208)
```
#fbe5e1
```
#fbe5e1 rgb(251,229,225)
```
#fdf4f2
```
#fdf4f2 rgb(253,244,242)
```

Tint Color Variation

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

#696160
```
#696160 rgb(105,97,96)
```
#715c58
```
#715c58 rgb(113,92,88)
```
#795650
```
#795650 rgb(121,86,80)
```
#815148
```
#815148 rgb(129,81,72)
```
#884b41
```
#884b41 rgb(136,75,65)
```
#904639
```
#904639 rgb(144,70,57)
```
#984031
```
#984031 rgb(152,64,49)
```
#a03b29
```
#a03b29 rgb(160,59,41)
```
#a73522
```
#a73522 rgb(167,53,34)
```
#af301a
```
#af301a rgb(175,48,26)
```
#b72b12
```
#b72b12 rgb(183,43,18)
```
#be250b
```
#be250b rgb(190,37,11)
```
#c62003
```
#c62003 rgb(198,32,3)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#654c48 Atypical Achromatopsia 0.001% of the population

Dichromacy

#716631 Protanopia 1% of men
#806117 Deuteranopia 1% of men
#b3383a Tritanopia 0.001% of the population

Trichromacy

#875228 Protanomaly 1% of men, 0.01% of women
#914f18 Deuteranomaly 6% of men, 0.4% of women
#b2352e Tritanomaly 0.01% of the population

#af301a hex color

#af301a Color Information

#af301a Color Conversion

Color Schemes with #af301a

Alternatives to #af301a

#af301a Preview

Shades and Tints of #af301a

Tones of #af301a

Color Blindness Simulator