#af5f04 hex color

In a RGB color space, hex #af5f04 is composed of 68.6% red, 37.3% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.7% magenta, 97.7% yellow and 31.4% black. It has a hue angle of 31.9 degrees, a saturation of 95.5% and a lightness of 35.1%. #af5f04 color hex could be obtained by blending #ffbe08 with #5f0000. Closest websafe color is: #996600.

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

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

The hexadecimal color #af5f04 has RGB values of R:175, G:95, B:4 and CMYK values of C:0, M:0.46, Y:0.98, K:0.31. Its decimal value is 11493124.

Hex triplet	af5f04	`#af5f04`
RGB Decimal	175, 95, 4	`rgb(175,95,4)`
RGB Percent	68.6, 37.3, 1.6	`rgb(68.6%,37.3%,1.6%)`
CMYK	0, 46, 98, 31
HSL	31.9°, 95.5, 35.1	`hsl(31.9,95.5%,35.1%)`
HSV (or HSB)	31.9°, 97.7, 68.6
Web Safe	996600	`#996600`

CIE-LAB	48.647, 27.383, 56.109
XYZ	21.794, 17.309, 2.308
xyY	0.526, 0.418, 17.309
CIE-LCH	48.647, 62.434, 63.986
CIE-LUV	48.647, 66.077, 45.475
Hunter-Lab	41.604, 20.699, 25.834
Binary	10101111, 01011111, 00000100

#af5f04
```
#af5f04 rgb(175,95,4)
```
#0454af
```
#0454af rgb(4,84,175)
```

Complementary Color

#af0904
```
#af0904 rgb(175,9,4)
```
#af5f04
```
#af5f04 rgb(175,95,4)
```
#aaaf04
```
#aaaf04 rgb(170,175,4)
```

Analogous Color

#0904af
```
#0904af rgb(9,4,175)
```
#af5f04
```
#af5f04 rgb(175,95,4)
```
#04aaaf
```
#04aaaf rgb(4,170,175)
```

Split Complementary Color

#5f04af
```
#5f04af rgb(95,4,175)
```
#af5f04
```
#af5f04 rgb(175,95,4)
```
#04af5f
```
#04af5f rgb(4,175,95)
```

Triadic Color

#af0454
```
#af0454 rgb(175,4,84)
```
#af5f04
```
#af5f04 rgb(175,95,4)
```
#04af5f
```
#04af5f rgb(4,175,95)
```
#0454af
```
#0454af rgb(4,84,175)
```

Tetradic Color

#643602
```
#643602 rgb(100,54,2)
```
#7d4403
```
#7d4403 rgb(125,68,3)
```
#965103
```
#965103 rgb(150,81,3)
```
#af5f04
```
#af5f04 rgb(175,95,4)
```
#c86d05
```
#c86d05 rgb(200,109,5)
```
#e17a05
```
#e17a05 rgb(225,122,5)
```
#f98806
```
#f98806 rgb(249,136,6)
```

Monochromatic Color

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

#af3404
```
#af3404 rgb(175,52,4)
```
#af4304
```
#af4304 rgb(175,67,4)
```
#af5104
```
#af5104 rgb(175,81,4)
```
#af5f04
```
#af5f04 rgb(175,95,4)
```
#af6d04
```
#af6d04 rgb(175,109,4)
```
#af7c04
```
#af7c04 rgb(175,124,4)
```
#af8a04
```
#af8a04 rgb(175,138,4)
```

Similar Colors

Text with hexadecimal color #af5f04

This text has a font color of #af5f04.

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

#af5f04 background color

This paragraph has a background color of #af5f04.

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

#af5f04 border color

This element has a border color of #af5f04.

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

CSS codes

.text {color:#af5f04;}

.background {background-color:#af5f04;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#160c00
```
#160c00 rgb(22,12,0)
```
#291601
```
#291601 rgb(41,22,1)
```
#3c2101
```
#3c2101 rgb(60,33,1)
```
#4f2b02
```
#4f2b02 rgb(79,43,2)
```
#623502
```
#623502 rgb(98,53,2)
```
#754003
```
#754003 rgb(117,64,3)
```
#894a03
```
#894a03 rgb(137,74,3)
```
#9c5504
```
#9c5504 rgb(156,85,4)
```
#af5f04
```
#af5f04 rgb(175,95,4)
```
#c26904
```
#c26904 rgb(194,105,4)
```
#d57405
```
#d57405 rgb(213,116,5)
```
#e97e05
```
#e97e05 rgb(233,126,5)
```

Shade Color Variation

#f98808
```
#f98808 rgb(249,136,8)
```
#fa921b
```
#fa921b rgb(250,146,27)
```
#fa9b2e
```
#fa9b2e rgb(250,155,46)
```
#fba442
```
#fba442 rgb(251,164,66)
```
#fbad55
```
#fbad55 rgb(251,173,85)
```
#fcb768
```
#fcb768 rgb(252,183,104)
```
#fcc07b
```
#fcc07b rgb(252,192,123)
```
#fcc98e
```
#fcc98e rgb(252,201,142)
```
#fdd2a2
```
#fdd2a2 rgb(253,210,162)
```
#fddbb5
```
#fddbb5 rgb(253,219,181)
```
#fee5c8
```
#fee5c8 rgb(254,229,200)
```
#feeedb
```
#feeedb rgb(254,238,219)
```
#fff7ee
```
#fff7ee rgb(255,247,238)
```

Tint Color Variation

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

#5c5a57
```
#5c5a57 rgb(92,90,87)
```
#635a50
```
#635a50 rgb(99,90,80)
```
#6a5b49
```
#6a5b49 rgb(106,91,73)
```
#715b42
```
#715b42 rgb(113,91,66)
```
#785b3b
```
#785b3b rgb(120,91,59)
```
#7f5c34
```
#7f5c34 rgb(127,92,52)
```
#865c2d
```
#865c2d rgb(134,92,45)
```
#8d5d26
```
#8d5d26 rgb(141,93,38)
```
#935d20
```
#935d20 rgb(147,93,32)
```
#9a5e19
```
#9a5e19 rgb(154,94,25)
```
#a15e12
```
#a15e12 rgb(161,94,18)
```
#a85f0b
```
#a85f0b rgb(168,95,11)
```
#af5f04
```
#af5f04 rgb(175,95,4)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#7a6a58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#897b16 Protanopia 1% of men
#997400 Deuteranopia 1% of men
#b66066 Tritanopia 0.001% of the population

Trichromacy

#97700f Protanomaly 1% of men, 0.01% of women
#a16c01 Deuteranomaly 6% of men, 0.4% of women
#b36042 Tritanomaly 0.01% of the population

#af5f04 hex color

#af5f04 Color Information

#af5f04 Color Conversion

Color Schemes with #af5f04

Alternatives to #af5f04

#af5f04 Preview

Shades and Tints of #af5f04

Tones of #af5f04

Color Blindness Simulator