#af4204 hex color

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

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

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

The hexadecimal color #af4204 has RGB values of R:175, G:66, B:4 and CMYK values of C:0, M:0.62, Y:0.98, K:0.31. Its decimal value is 11485700.

Hex triplet	af4204	`#af4204`
RGB Decimal	175, 66, 4	`rgb(175,66,4)`
RGB Percent	68.6, 25.9, 1.6	`rgb(68.6%,25.9%,1.6%)`
CMYK	0, 62, 98, 31
HSL	21.8°, 95.5, 35.1	`hsl(21.8,95.5%,35.1%)`
HSV (or HSB)	21.8°, 97.7, 68.6
Web Safe	993300	`#993300`

CIE-LAB	42.795, 42.223, 52.45
XYZ	19.65, 13.021, 1.594
xyY	0.573, 0.38, 13.021
CIE-LCH	42.795, 67.334, 51.166
CIE-LUV	42.795, 88.927, 36.139
Hunter-Lab	36.085, 34.054, 22.641
Binary	10101111, 01000010, 00000100

#af4204
```
#af4204 rgb(175,66,4)
```
#0471af
```
#0471af rgb(4,113,175)
```

Complementary Color

#af041c
```
#af041c rgb(175,4,28)
```
#af4204
```
#af4204 rgb(175,66,4)
```
#af9804
```
#af9804 rgb(175,152,4)
```

Analogous Color

#041caf
```
#041caf rgb(4,28,175)
```
#af4204
```
#af4204 rgb(175,66,4)
```
#04af98
```
#04af98 rgb(4,175,152)
```

Split Complementary Color

#4204af
```
#4204af rgb(66,4,175)
```
#af4204
```
#af4204 rgb(175,66,4)
```
#04af42
```
#04af42 rgb(4,175,66)
```

Triadic Color

#af0471
```
#af0471 rgb(175,4,113)
```
#af4204
```
#af4204 rgb(175,66,4)
```
#04af42
```
#04af42 rgb(4,175,66)
```
#0471af
```
#0471af rgb(4,113,175)
```

Tetradic Color

#642602
```
#642602 rgb(100,38,2)
```
#7d2f03
```
#7d2f03 rgb(125,47,3)
```
#963903
```
#963903 rgb(150,57,3)
```
#af4204
```
#af4204 rgb(175,66,4)
```
#c84b05
```
#c84b05 rgb(200,75,5)
```
#e15505
```
#e15505 rgb(225,85,5)
```
#f95e06
```
#f95e06 rgb(249,94,6)
```

Monochromatic Color

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

#af1704
```
#af1704 rgb(175,23,4)
```
#af2604
```
#af2604 rgb(175,38,4)
```
#af3404
```
#af3404 rgb(175,52,4)
```
#af4204
```
#af4204 rgb(175,66,4)
```
#af5004
```
#af5004 rgb(175,80,4)
```
#af5f04
```
#af5f04 rgb(175,95,4)
```
#af6d04
```
#af6d04 rgb(175,109,4)
```

Similar Colors

Text with hexadecimal color #af4204

This text has a font color of #af4204.

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

#af4204 background color

This paragraph has a background color of #af4204.

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

#af4204 border color

This element has a border color of #af4204.

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

CSS codes

.text {color:#af4204;}

.background {background-color:#af4204;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#160800
```
#160800 rgb(22,8,0)
```
#290f01
```
#290f01 rgb(41,15,1)
```
#3c1701
```
#3c1701 rgb(60,23,1)
```
#4f1e02
```
#4f1e02 rgb(79,30,2)
```
#622502
```
#622502 rgb(98,37,2)
```
#752c03
```
#752c03 rgb(117,44,3)
```
#893403
```
#893403 rgb(137,52,3)
```
#9c3b04
```
#9c3b04 rgb(156,59,4)
```
#af4204
```
#af4204 rgb(175,66,4)
```
#c24904
```
#c24904 rgb(194,73,4)
```
#d55005
```
#d55005 rgb(213,80,5)
```
#e95805
```
#e95805 rgb(233,88,5)
```

Shade Color Variation

#f96008
```
#f96008 rgb(249,96,8)
```
#fa6c1b
```
#fa6c1b rgb(250,108,27)
```
#fa782e
```
#fa782e rgb(250,120,46)
```
#fb8542
```
#fb8542 rgb(251,133,66)
```
#fb9155
```
#fb9155 rgb(251,145,85)
```
#fc9d68
```
#fc9d68 rgb(252,157,104)
```
#fcaa7b
```
#fcaa7b rgb(252,170,123)
```
#fcb68e
```
#fcb68e rgb(252,182,142)
```
#fdc3a2
```
#fdc3a2 rgb(253,195,162)
```
#fdcfb5
```
#fdcfb5 rgb(253,207,181)
```
#fedbc8
```
#fedbc8 rgb(254,219,200)
```
#fee8db
```
#fee8db rgb(254,232,219)
```
#fff4ee
```
#fff4ee rgb(255,244,238)
```

Tint Color Variation

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

#5c5957
```
#5c5957 rgb(92,89,87)
```
#635750
```
#635750 rgb(99,87,80)
```
#6a5549
```
#6a5549 rgb(106,85,73)
```
#715342
```
#715342 rgb(113,83,66)
```
#78513b
```
#78513b rgb(120,81,59)
```
#7f4f34
```
#7f4f34 rgb(127,79,52)
```
#864d2d
```
#864d2d rgb(134,77,45)
```
#8d4b26
```
#8d4b26 rgb(141,75,38)
```
#934a20
```
#934a20 rgb(147,74,32)
```
#9a4819
```
#9a4819 rgb(154,72,25)
```
#a14612
```
#a14612 rgb(161,70,18)
```
#a8440b
```
#a8440b rgb(168,68,11)
```
#af4204
```
#af4204 rgb(175,66,4)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#6d574a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a6d19 Protanopia 1% of men
#886700 Deuteranopia 1% of men
#b4474a Tritanopia 0.001% of the population

Trichromacy

#8d5d11 Protanomaly 1% of men, 0.01% of women
#965a01 Deuteranomaly 6% of men, 0.4% of women
#b24531 Tritanomaly 0.01% of the population

#af4204 hex color

#af4204 Color Information

#af4204 Color Conversion

Color Schemes with #af4204

Alternatives to #af4204

#af4204 Preview

Shades and Tints of #af4204

Tones of #af4204

Color Blindness Simulator