#af4108 hex color

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

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

● #af4108 color description : Dark orange [Brown tone].

The hexadecimal color #af4108 has RGB values of R:175, G:65, B:8 and CMYK values of C:0, M:0.63, Y:0.95, K:0.31. Its decimal value is 11485448.

Hex triplet	af4108	`#af4108`
RGB Decimal	175, 65, 8	`rgb(175,65,8)`
RGB Percent	68.6, 25.5, 3.1	`rgb(68.6%,25.5%,3.1%)`
CMYK	0, 63, 95, 31
HSL	20.5°, 91.3, 35.9	`hsl(20.5,91.3%,35.9%)`
HSV (or HSB)	20.5°, 95.4, 68.6
Web Safe	993300	`#993300`

CIE-LAB	42.634, 42.739, 51.207
XYZ	19.614, 12.914, 1.69
xyY	0.573, 0.377, 12.914
CIE-LCH	42.634, 66.699, 50.151
CIE-LUV	42.634, 89.454, 35.389
Hunter-Lab	35.936, 34.537, 22.368
Binary	10101111, 01000001, 00001000

#af4108
```
#af4108 rgb(175,65,8)
```
#0876af
```
#0876af rgb(8,118,175)
```

Complementary Color

#af0823
```
#af0823 rgb(175,8,35)
```
#af4108
```
#af4108 rgb(175,65,8)
```
#af9508
```
#af9508 rgb(175,149,8)
```

Analogous Color

#0823af
```
#0823af rgb(8,35,175)
```
#af4108
```
#af4108 rgb(175,65,8)
```
#08af95
```
#08af95 rgb(8,175,149)
```

Split Complementary Color

#4108af
```
#4108af rgb(65,8,175)
```
#af4108
```
#af4108 rgb(175,65,8)
```
#08af41
```
#08af41 rgb(8,175,65)
```

Triadic Color

#af0876
```
#af0876 rgb(175,8,118)
```
#af4108
```
#af4108 rgb(175,65,8)
```
#08af41
```
#08af41 rgb(8,175,65)
```
#0876af
```
#0876af rgb(8,118,175)
```

Tetradic Color

#662605
```
#662605 rgb(102,38,5)
```
#7e2f06
```
#7e2f06 rgb(126,47,6)
```
#973807
```
#973807 rgb(151,56,7)
```
#af4108
```
#af4108 rgb(175,65,8)
```
#c74a09
```
#c74a09 rgb(199,74,9)
```
#e0530a
```
#e0530a rgb(224,83,10)
```
#f45d0f
```
#f45d0f rgb(244,93,15)
```

Monochromatic Color

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

#af1708
```
#af1708 rgb(175,23,8)
```
#af2508
```
#af2508 rgb(175,37,8)
```
#af3308
```
#af3308 rgb(175,51,8)
```
#af4108
```
#af4108 rgb(175,65,8)
```
#af4f08
```
#af4f08 rgb(175,79,8)
```
#af5d08
```
#af5d08 rgb(175,93,8)
```
#af6b08
```
#af6b08 rgb(175,107,8)
```

Similar Colors

Text with hexadecimal color #af4108

This text has a font color of #af4108.

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

#af4108 background color

This paragraph has a background color of #af4108.

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

#af4108 border color

This element has a border color of #af4108.

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

CSS codes

.text {color:#af4108;}

.background {background-color:#af4108;}

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

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

#060200
```
#060200 rgb(6,2,0)
```
#190901
```
#190901 rgb(25,9,1)
```
#2c1002
```
#2c1002 rgb(44,16,2)
```
#3e1703
```
#3e1703 rgb(62,23,3)
```
#511e04
```
#511e04 rgb(81,30,4)
```
#642505
```
#642505 rgb(100,37,5)
```
#772c05
```
#772c05 rgb(119,44,5)
```
#893306
```
#893306 rgb(137,51,6)
```
#9c3a07
```
#9c3a07 rgb(156,58,7)
```
#af4108
```
#af4108 rgb(175,65,8)
```
#c24809
```
#c24809 rgb(194,72,9)
```
#d54f0a
```
#d54f0a rgb(213,79,10)
```
#e7560b
```
#e7560b rgb(231,86,11)
```

Shade Color Variation

#f45f11
```
#f45f11 rgb(244,95,17)
```
#f56b24
```
#f56b24 rgb(245,107,36)
```
#f67837
```
#f67837 rgb(246,120,55)
```
#f7854a
```
#f7854a rgb(247,133,74)
```
#f8915c
```
#f8915c rgb(248,145,92)
```
#f89e6f
```
#f89e6f rgb(248,158,111)
```
#f9ab82
```
#f9ab82 rgb(249,171,130)
```
#fab795
```
#fab795 rgb(250,183,149)
```
#fbc4a7
```
#fbc4a7 rgb(251,196,167)
```
#fcd1ba
```
#fcd1ba rgb(252,209,186)
```
#fdddcd
```
#fdddcd rgb(253,221,205)
```
#feeae0
```
#feeae0 rgb(254,234,224)
```
#fef7f2
```
#fef7f2 rgb(254,247,242)
```

Tint Color Variation

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

#625a55
```
#625a55 rgb(98,90,85)
```
#69574e
```
#69574e rgb(105,87,78)
```
#705547
```
#705547 rgb(112,85,71)
```
#775340
```
#775340 rgb(119,83,64)
```
#7e5139
```
#7e5139 rgb(126,81,57)
```
#854e32
```
#854e32 rgb(133,78,50)
```
#8c4c2b
```
#8c4c2b rgb(140,76,43)
```
#934a24
```
#934a24 rgb(147,74,36)
```
#9a481d
```
#9a481d rgb(154,72,29)
```
#a14516
```
#a14516 rgb(161,69,22)
```
#a8430f
```
#a8430f rgb(168,67,15)
```
#af4108
```
#af4108 rgb(175,65,8)
```
#b63f01
```
#b63f01 rgb(182,63,1)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#6c564a Atypical Achromatopsia 0.001% of the population

Dichromacy

#796c1d Protanopia 1% of men
#876700 Deuteranopia 1% of men
#b4464a Tritanopia 0.001% of the population

Trichromacy

#8c5c15 Protanomaly 1% of men, 0.01% of women
#965902 Deuteranomaly 6% of men, 0.4% of women
#b24432 Tritanomaly 0.01% of the population

#af4108 hex color

#af4108 Color Information

#af4108 Color Conversion

Color Schemes with #af4108

Alternatives to #af4108

#af4108 Preview

Shades and Tints of #af4108

Tones of #af4108

Color Blindness Simulator