#af5f0d hex color

In a RGB color space, hex #af5f0d is composed of 68.6% red, 37.3% green and 5.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.7% magenta, 92.6% yellow and 31.4% black. It has a hue angle of 30.4 degrees, a saturation of 86.2% and a lightness of 36.9%. #af5f0d color hex could be obtained by blending #ffbe1a with #5f0000. Closest websafe color is: #996600.

♥
- f
- t
- g
- R 69
- G 37
- B 5
RGB color chart
- C 0
- M 46
- Y 93
- K 31
CMYK color chart

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

The hexadecimal color #af5f0d has RGB values of R:175, G:95, B:13 and CMYK values of C:0, M:0.46, Y:0.93, K:0.31. Its decimal value is 11493133.

Hex triplet	af5f0d	`#af5f0d`
RGB Decimal	175, 95, 13	`rgb(175,95,13)`
RGB Percent	68.6, 37.3, 5.1	`rgb(68.6%,37.3%,5.1%)`
CMYK	0, 46, 93, 31
HSL	30.4°, 86.2, 36.9	`hsl(30.4,86.2%,36.9%)`
HSV (or HSB)	30.4°, 92.6, 68.6
Web Safe	996600	`#996600`

CIE-LAB	48.672, 27.511, 54.094
XYZ	21.845, 17.329, 2.575
xyY	0.523, 0.415, 17.329
CIE-LCH	48.672, 60.688, 63.043
CIE-LUV	48.672, 65.791, 44.532
Hunter-Lab	41.629, 20.819, 25.472
Binary	10101111, 01011111, 00001101

#af5f0d
```
#af5f0d rgb(175,95,13)
```
#0d5daf
```
#0d5daf rgb(13,93,175)
```

Complementary Color

#af0e0d
```
#af0e0d rgb(175,14,13)
```
#af5f0d
```
#af5f0d rgb(175,95,13)
```
#aeaf0d
```
#aeaf0d rgb(174,175,13)
```

Analogous Color

#0e0daf
```
#0e0daf rgb(14,13,175)
```
#af5f0d
```
#af5f0d rgb(175,95,13)
```
#0daeaf
```
#0daeaf rgb(13,174,175)
```

Split Complementary Color

#5f0daf
```
#5f0daf rgb(95,13,175)
```
#af5f0d
```
#af5f0d rgb(175,95,13)
```
#0daf5f
```
#0daf5f rgb(13,175,95)
```

Triadic Color

#af0d5d
```
#af0d5d rgb(175,13,93)
```
#af5f0d
```
#af5f0d rgb(175,95,13)
```
#0daf5f
```
#0daf5f rgb(13,175,95)
```
#0d5daf
```
#0d5daf rgb(13,93,175)
```

Tetradic Color

#683808
```
#683808 rgb(104,56,8)
```
#804509
```
#804509 rgb(128,69,9)
```
#97520b
```
#97520b rgb(151,82,11)
```
#af5f0d
```
#af5f0d rgb(175,95,13)
```
#c76c0f
```
#c76c0f rgb(199,108,15)
```
#de7911
```
#de7911 rgb(222,121,17)
```
#ee861a
```
#ee861a rgb(238,134,26)
```

Monochromatic Color

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

#af370d
```
#af370d rgb(175,55,13)
```
#af440d
```
#af440d rgb(175,68,13)
```
#af520d
```
#af520d rgb(175,82,13)
```
#af5f0d
```
#af5f0d rgb(175,95,13)
```
#af6d0d
```
#af6d0d rgb(175,109,13)
```
#af7a0d
```
#af7a0d rgb(175,122,13)
```
#af880d
```
#af880d rgb(175,136,13)
```

Similar Colors

Text with hexadecimal color #af5f0d

This text has a font color of #af5f0d.

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

#af5f0d background color

This paragraph has a background color of #af5f0d.

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

#af5f0d border color

This element has a border color of #af5f0d.

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

CSS codes

.text {color:#af5f0d;}

.background {background-color:#af5f0d;}

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

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, #0b0601 is the darkest color, while #fefbf7 is the lightest one.

#0b0601
```
#0b0601 rgb(11,6,1)
```
#1d1002
```
#1d1002 rgb(29,16,2)
```
#2f1a04
```
#2f1a04 rgb(47,26,4)
```
#412405
```
#412405 rgb(65,36,5)
```
#542d06
```
#542d06 rgb(84,45,6)
```
#663708
```
#663708 rgb(102,55,8)
```
#784109
```
#784109 rgb(120,65,9)
```
#8a4b0a
```
#8a4b0a rgb(138,75,10)
```
#9d550c
```
#9d550c rgb(157,85,12)
```
#af5f0d
```
#af5f0d rgb(175,95,13)
```
#c1690e
```
#c1690e rgb(193,105,14)
```
#d47310
```
#d47310 rgb(212,115,16)
```
#e67d11
```
#e67d11 rgb(230,125,17)
```

Shade Color Variation

#ee871c
```
#ee871c rgb(238,135,28)
```
#f0902f
```
#f0902f rgb(240,144,47)
```
#f19a41
```
#f19a41 rgb(241,154,65)
```
#f2a453
```
#f2a453 rgb(242,164,83)
```
#f4ad65
```
#f4ad65 rgb(244,173,101)
```
#f5b778
```
#f5b778 rgb(245,183,120)
```
#f6c18a
```
#f6c18a rgb(246,193,138)
```
#f8ca9c
```
#f8ca9c rgb(248,202,156)
```
#f9d4ae
```
#f9d4ae rgb(249,212,174)
```
#fadec1
```
#fadec1 rgb(250,222,193)
```
#fce8d3
```
#fce8d3 rgb(252,232,211)
```
#fdf1e5
```
#fdf1e5 rgb(253,241,229)
```
#fefbf7
```
#fefbf7 rgb(254,251,247)
```

Tint Color Variation

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

#5f5e5d
```
#5f5e5d rgb(95,94,93)
```
#675e55
```
#675e55 rgb(103,94,85)
```
#6e5e4e
```
#6e5e4e rgb(110,94,78)
```
#755e47
```
#755e47 rgb(117,94,71)
```
#7c5e40
```
#7c5e40 rgb(124,94,64)
```
#845e38
```
#845e38 rgb(132,94,56)
```
#8b5f31
```
#8b5f31 rgb(139,95,49)
```
#925f2a
```
#925f2a rgb(146,95,42)
```
#995f23
```
#995f23 rgb(153,95,35)
```
#a15f1b
```
#a15f1b rgb(161,95,27)
```
#a85f14
```
#a85f14 rgb(168,95,20)
```
#af5f0d
```
#af5f0d rgb(175,95,13)
```
#b65f06
```
#b65f06 rgb(182,95,6)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#7b6b5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#897b1e Protanopia 1% of men
#997409 Deuteranopia 1% of men
#b66066 Tritanopia 0.001% of the population

Trichromacy

#977018 Protanomaly 1% of men, 0.01% of women
#a16c0b Deuteranomaly 6% of men, 0.4% of women
#b36046 Tritanomaly 0.01% of the population

#af5f0d hex color

#af5f0d Color Information

#af5f0d Color Conversion

Color Schemes with #af5f0d

Alternatives to #af5f0d

#af5f0d Preview

Shades and Tints of #af5f0d

Tones of #af5f0d

Color Blindness Simulator