colorhexa.com

#af6f04 hex color

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

- R 69
- G 44
- B 2
RGB color chart
- C 0
- M 37
- Y 98
- K 31
CMYK color chart

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

The hexadecimal color #af6f04 has RGB values of R:175, G:111, B:4 and CMYK values of C:0, M:0.37, Y:0.98, K:0.31. Its decimal value is 11497220.

Hex triplet	af6f04	`#af6f04`
RGB Decimal	175, 111, 4	`rgb(175,111,4)`
RGB Percent	68.6, 43.5, 1.6	`rgb(68.6%,43.5%,1.6%)`
CMYK	0, 37, 98, 31
HSL	37.5°, 95.5, 35.1	`hsl(37.5,95.5%,35.1%)`
HSV (or HSB)	37.5°, 97.7, 68.6
Web Safe	996600	`#996600`

CIE-LAB	52.39, 18.526, 58.61
XYZ	23.386, 20.493, 2.839
xyY	0.501, 0.439, 20.493
CIE-LCH	52.39, 61.468, 72.459
CIE-LUV	52.39, 53.027, 51.25
Hunter-Lab	45.27, 12.991, 27.971
Binary	10101111, 01101111, 00000100

#af6f04
```
#af6f04 rgb(175,111,4)
```
#0444af
```
#0444af rgb(4,68,175)
```

Complementary Color

#af1a04
```
#af1a04 rgb(175,26,4)
```
#af6f04
```
#af6f04 rgb(175,111,4)
```
#9aaf04
```
#9aaf04 rgb(154,175,4)
```

Analogous Color

#1a04af
```
#1a04af rgb(26,4,175)
```
#af6f04
```
#af6f04 rgb(175,111,4)
```
#049aaf
```
#049aaf rgb(4,154,175)
```

Split Complementary Color

#6f04af
```
#6f04af rgb(111,4,175)
```
#af6f04
```
#af6f04 rgb(175,111,4)
```
#04af6f
```
#04af6f rgb(4,175,111)
```

Triadic Color

#644002
```
#644002 rgb(100,64,2)
```
#7d4f03
```
#7d4f03 rgb(125,79,3)
```
#965f03
```
#965f03 rgb(150,95,3)
```
#af6f04
```
#af6f04 rgb(175,111,4)
```
#c87f05
```
#c87f05 rgb(200,127,5)
```
#e18f05
```
#e18f05 rgb(225,143,5)
```
#f99e06
```
#f99e06 rgb(249,158,6)
```

Monochromatic Color

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

#af4404
```
#af4404 rgb(175,68,4)
```
#af5304
```
#af5304 rgb(175,83,4)
```
#af6104
```
#af6104 rgb(175,97,4)
```
#af6f04
```
#af6f04 rgb(175,111,4)
```
#af7d04
```
#af7d04 rgb(175,125,4)
```
#af8c04
```
#af8c04 rgb(175,140,4)
```
#af9a04
```
#af9a04 rgb(175,154,4)
```

Similar Colors

Text with hexadecimal color #af6f04

This text has a font color of #af6f04.

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

#af6f04 background color

This paragraph has a background color of #af6f04.

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

#af6f04 border color

This element has a border color of #af6f04.

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

CSS codes

.text {color:#af6f04;}

.background {background-color:#af6f04;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#160e00
```
#160e00 rgb(22,14,0)
```
#291a01
```
#291a01 rgb(41,26,1)
```
#3c2601
```
#3c2601 rgb(60,38,1)
```
#4f3202
```
#4f3202 rgb(79,50,2)
```
#623e02
```
#623e02 rgb(98,62,2)
```
#754b03
```
#754b03 rgb(117,75,3)
```
#895703
```
#895703 rgb(137,87,3)
```
#9c6304
```
#9c6304 rgb(156,99,4)
```
#af6f04
```
#af6f04 rgb(175,111,4)
```
#c27b04
```
#c27b04 rgb(194,123,4)
```
#d58705
```
#d58705 rgb(213,135,5)
```
#e99305
```
#e99305 rgb(233,147,5)
```

Shade Color Variation

#f99f08
```
#f99f08 rgb(249,159,8)
```
#faa71b
```
#faa71b rgb(250,167,27)
```
#faae2e
```
#faae2e rgb(250,174,46)
```
#fbb542
```
#fbb542 rgb(251,181,66)
```
#fbbd55
```
#fbbd55 rgb(251,189,85)
```
#fcc468
```
#fcc468 rgb(252,196,104)
```
#fccc7b
```
#fccc7b rgb(252,204,123)
```
#fcd38e
```
#fcd38e rgb(252,211,142)
```
#fddba2
```
#fddba2 rgb(253,219,162)
```
#fde2b5
```
#fde2b5 rgb(253,226,181)
```
#feeac8
```
#feeac8 rgb(254,234,200)
```
#fef1db
```
#fef1db rgb(254,241,219)
```
#fff8ee
```
#fff8ee rgb(255,248,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 #af6f04 is the most saturated one.

#5c5a57
```
#5c5a57 rgb(92,90,87)
```
#635c50
```
#635c50 rgb(99,92,80)
```
#6a5e49
```
#6a5e49 rgb(106,94,73)
```
#715f42
```
#715f42 rgb(113,95,66)
```
#78613b
```
#78613b rgb(120,97,59)
```
#7f6334
```
#7f6334 rgb(127,99,52)
```
#86652d
```
#86652d rgb(134,101,45)
```
#8d6626
```
#8d6626 rgb(141,102,38)
```
#936820
```
#936820 rgb(147,104,32)
```
#9a6a19
```
#9a6a19 rgb(154,106,25)
```
#a16c12
```
#a16c12 rgb(161,108,18)
```
#a86d0b
```
#a86d0b rgb(168,109,11)
```
#af6f04
```
#af6f04 rgb(175,111,4)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#81755f Atypical Achromatopsia 0.001% of the population

Dichromacy

#938414 Protanopia 1% of men
#a47d00 Deuteranopia 1% of men
#b76e76 Tritanopia 0.001% of the population

Trichromacy

#9d7c0e Protanomaly 1% of men, 0.01% of women
#a87801 Deuteranomaly 6% of men, 0.4% of women
#b46e4c Tritanomaly 0.01% of the population