#af3108 hex color

In a RGB color space, hex #af3108 is composed of 68.6% red, 19.2% green and 3.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72% magenta, 95.4% yellow and 31.4% black. It has a hue angle of 14.7 degrees, a saturation of 91.3% and a lightness of 35.9%. #af3108 color hex could be obtained by blending #ff6210 with #5f0000. Closest websafe color is: #993300.

♥
- f
- t
- g
- R 69
- G 19
- B 3
RGB color chart
- C 0
- M 72
- Y 95
- K 31
CMYK color chart

● #af3108 color description : Dark red.

The hexadecimal color #af3108 has RGB values of R:175, G:49, B:8 and CMYK values of C:0, M:0.72, Y:0.95, K:0.31. Its decimal value is 11481352.

Hex triplet	af3108	`#af3108`
RGB Decimal	175, 49, 8	`rgb(175,49,8)`
RGB Percent	68.6, 19.2, 3.1	`rgb(68.6%,19.2%,3.1%)`
CMYK	0, 72, 95, 31
HSL	14.7°, 91.3, 35.9	`hsl(14.7,91.3%,35.9%)`
HSV (or HSB)	14.7°, 95.4, 68.6
Web Safe	993300	`#993300`

CIE-LAB	40.131, 49.493, 49.639
XYZ	18.822, 11.33, 1.426
xyY	0.596, 0.359, 11.33
CIE-LCH	40.131, 70.098, 45.084
CIE-LUV	40.131, 100.246, 31.236
Hunter-Lab	33.661, 40.907, 21.051
Binary	10101111, 00110001, 00001000

#af3108
```
#af3108 rgb(175,49,8)
```
#0886af
```
#0886af rgb(8,134,175)
```

Complementary Color

#af0833
```
#af0833 rgb(175,8,51)
```
#af3108
```
#af3108 rgb(175,49,8)
```
#af8508
```
#af8508 rgb(175,133,8)
```

Analogous Color

#0833af
```
#0833af rgb(8,51,175)
```
#af3108
```
#af3108 rgb(175,49,8)
```
#08af85
```
#08af85 rgb(8,175,133)
```

Split Complementary Color

#3108af
```
#3108af rgb(49,8,175)
```
#af3108
```
#af3108 rgb(175,49,8)
```
#08af31
```
#08af31 rgb(8,175,49)
```

Triadic Color

#af0886
```
#af0886 rgb(175,8,134)
```
#af3108
```
#af3108 rgb(175,49,8)
```
#08af31
```
#08af31 rgb(8,175,49)
```
#0886af
```
#0886af rgb(8,134,175)
```

Tetradic Color

#661d05
```
#661d05 rgb(102,29,5)
```
#7e2306
```
#7e2306 rgb(126,35,6)
```
#972a07
```
#972a07 rgb(151,42,7)
```
#af3108
```
#af3108 rgb(175,49,8)
```
#c73809
```
#c73809 rgb(199,56,9)
```
#e03f0a
```
#e03f0a rgb(224,63,10)
```
#f4480f
```
#f4480f rgb(244,72,15)
```

Monochromatic Color

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

#af0809
```
#af0809 rgb(175,8,9)
```
#af1508
```
#af1508 rgb(175,21,8)
```
#af2308
```
#af2308 rgb(175,35,8)
```
#af3108
```
#af3108 rgb(175,49,8)
```
#af3f08
```
#af3f08 rgb(175,63,8)
```
#af4d08
```
#af4d08 rgb(175,77,8)
```
#af5b08
```
#af5b08 rgb(175,91,8)
```

Similar Colors

Text with hexadecimal color #af3108

This text has a font color of #af3108.

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

#af3108 background color

This paragraph has a background color of #af3108.

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

#af3108 border color

This element has a border color of #af3108.

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

CSS codes

.text {color:#af3108;}

.background {background-color:#af3108;}

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

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

#060200
```
#060200 rgb(6,2,0)
```
#190701
```
#190701 rgb(25,7,1)
```
#2c0c02
```
#2c0c02 rgb(44,12,2)
```
#3e1103
```
#3e1103 rgb(62,17,3)
```
#511704
```
#511704 rgb(81,23,4)
```
#641c05
```
#641c05 rgb(100,28,5)
```
#772105
```
#772105 rgb(119,33,5)
```
#892606
```
#892606 rgb(137,38,6)
```
#9c2c07
```
#9c2c07 rgb(156,44,7)
```
#af3108
```
#af3108 rgb(175,49,8)
```
#c23609
```
#c23609 rgb(194,54,9)
```
#d53c0a
```
#d53c0a rgb(213,60,10)
```
#e7410b
```
#e7410b rgb(231,65,11)
```

Shade Color Variation

#f44911
```
#f44911 rgb(244,73,17)
```
#f55724
```
#f55724 rgb(245,87,36)
```
#f66637
```
#f66637 rgb(246,102,55)
```
#f7744a
```
#f7744a rgb(247,116,74)
```
#f8825c
```
#f8825c rgb(248,130,92)
```
#f8916f
```
#f8916f rgb(248,145,111)
```
#f99f82
```
#f99f82 rgb(249,159,130)
```
#faae95
```
#faae95 rgb(250,174,149)
```
#fbbca7
```
#fbbca7 rgb(251,188,167)
```
#fccaba
```
#fccaba rgb(252,202,186)
```
#fdd9cd
```
#fdd9cd rgb(253,217,205)
```
#fee7e0
```
#fee7e0 rgb(254,231,224)
```
#fef5f2
```
#fef5f2 rgb(254,245,242)
```

Tint Color Variation

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

#625855
```
#625855 rgb(98,88,85)
```
#69554e
```
#69554e rgb(105,85,78)
```
#705147
```
#705147 rgb(112,81,71)
```
#774e40
```
#774e40 rgb(119,78,64)
```
#7e4a39
```
#7e4a39 rgb(126,74,57)
```
#854632
```
#854632 rgb(133,70,50)
```
#8c432b
```
#8c432b rgb(140,67,43)
```
#933f24
```
#933f24 rgb(147,63,36)
```
#9a3c1d
```
#9a3c1d rgb(154,60,29)
```
#a13816
```
#a13816 rgb(161,56,22)
```
#a8350f
```
#a8350f rgb(168,53,15)
```
#af3108
```
#af3108 rgb(175,49,8)
```
#b62d01
```
#b62d01 rgb(182,45,1)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#654b43 Atypical Achromatopsia 0.001% of the population

Dichromacy

#72671f Protanopia 1% of men
#806200 Deuteranopia 1% of men
#b3383a Tritanopia 0.001% of the population

Trichromacy

#885316 Protanomaly 1% of men, 0.01% of women
#915002 Deuteranomaly 6% of men, 0.4% of women
#b23528 Tritanomaly 0.01% of the population

#af3108 hex color

#af3108 Color Information

#af3108 Color Conversion

Color Schemes with #af3108

Alternatives to #af3108

#af3108 Preview

Shades and Tints of #af3108

Tones of #af3108

Color Blindness Simulator