#af802c hex color

In a RGB color space, hex #af802c is composed of 68.6% red, 50.2% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.9% magenta, 74.9% yellow and 31.4% black. It has a hue angle of 38.5 degrees, a saturation of 59.8% and a lightness of 42.9%. #af802c color hex could be obtained by blending #ffff58 with #5f0100. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 69
- G 50
- B 17
RGB color chart
- C 0
- M 27
- Y 75
- K 31
CMYK color chart

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

The hexadecimal color #af802c has RGB values of R:175, G:128, B:44 and CMYK values of C:0, M:0.27, Y:0.75, K:0.31. Its decimal value is 11501612.

Hex triplet	af802c	`#af802c`
RGB Decimal	175, 128, 44	`rgb(175,128,44)`
RGB Percent	68.6, 50.2, 17.3	`rgb(68.6%,50.2%,17.3%)`
CMYK	0, 27, 75, 31
HSL	38.5°, 59.8, 42.9	`hsl(38.5,59.8%,42.9%)`
HSV (or HSB)	38.5°, 74.9, 68.6
Web Safe	999933	`#999933`

CIE-LAB	56.817, 10.098, 50.313
XYZ	25.853, 24.736, 5.796
xyY	0.459, 0.439, 24.736
CIE-LCH	56.817, 51.317, 78.651
CIE-LUV	56.817, 38.251, 50.993
Hunter-Lab	49.735, 5.753, 27.905
Binary	10101111, 10000000, 00101100

#af802c
```
#af802c rgb(175,128,44)
```
#2c5baf
```
#2c5baf rgb(44,91,175)
```

Complementary Color

#af3f2c
```
#af3f2c rgb(175,63,44)
```
#af802c
```
#af802c rgb(175,128,44)
```
#9daf2c
```
#9daf2c rgb(157,175,44)
```

Analogous Color

#3f2caf
```
#3f2caf rgb(63,44,175)
```
#af802c
```
#af802c rgb(175,128,44)
```
#2c9daf
```
#2c9daf rgb(44,157,175)
```

Split Complementary Color

#802caf
```
#802caf rgb(128,44,175)
```
#af802c
```
#af802c rgb(175,128,44)
```
#2caf80
```
#2caf80 rgb(44,175,128)
```

Triadic Color

#af2c5b
```
#af2c5b rgb(175,44,91)
```
#af802c
```
#af802c rgb(175,128,44)
```
#2caf80
```
#2caf80 rgb(44,175,128)
```
#2c5baf
```
#2c5baf rgb(44,91,175)
```

Tetradic Color

#72531d
```
#72531d rgb(114,83,29)
```
#866222
```
#866222 rgb(134,98,34)
```
#9b7127
```
#9b7127 rgb(155,113,39)
```
#af802c
```
#af802c rgb(175,128,44)
```
#c38f31
```
#c38f31 rgb(195,143,49)
```
#cf9b3f
```
#cf9b3f rgb(207,155,63)
```
#d4a654
```
#d4a654 rgb(212,166,84)
```

Monochromatic Color

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

#af5f2c
```
#af5f2c rgb(175,95,44)
```
#af6a2c
```
#af6a2c rgb(175,106,44)
```
#af752c
```
#af752c rgb(175,117,44)
```
#af802c
```
#af802c rgb(175,128,44)
```
#af8b2c
```
#af8b2c rgb(175,139,44)
```
#af962c
```
#af962c rgb(175,150,44)
```
#afa12c
```
#afa12c rgb(175,161,44)
```

Similar Colors

Text with hexadecimal color #af802c

This text has a font color of #af802c.

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

#af802c background color

This paragraph has a background color of #af802c.

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

#af802c border color

This element has a border color of #af802c.

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

CSS codes

.text {color:#af802c;}

.background {background-color:#af802c;}

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

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

#030201
```
#030201 rgb(3,2,1)
```
#120d05
```
#120d05 rgb(18,13,5)
```
#221909
```
#221909 rgb(34,25,9)
```
#32240c
```
#32240c rgb(50,36,12)
```
#413010
```
#413010 rgb(65,48,16)
```
#513b14
```
#513b14 rgb(81,59,20)
```
#614718
```
#614718 rgb(97,71,24)
```
#70521c
```
#70521c rgb(112,82,28)
```
#805e20
```
#805e20 rgb(128,94,32)
```
#906924
```
#906924 rgb(144,105,36)
```
#9f7528
```
#9f7528 rgb(159,117,40)
```
#af802c
```
#af802c rgb(175,128,44)
```
#bf8b30
```
#bf8b30 rgb(191,139,48)
```

Shade Color Variation

#cc9636
```
#cc9636 rgb(204,150,54)
```
#d09f45
```
#d09f45 rgb(208,159,69)
```
#d4a755
```
#d4a755 rgb(212,167,85)
```
#d8af65
```
#d8af65 rgb(216,175,101)
```
#dcb775
```
#dcb775 rgb(220,183,117)
```
#e0bf84
```
#e0bf84 rgb(224,191,132)
```
#e4c794
```
#e4c794 rgb(228,199,148)
```
#e8cfa4
```
#e8cfa4 rgb(232,207,164)
```
#ecd8b3
```
#ecd8b3 rgb(236,216,179)
```
#f0e0c3
```
#f0e0c3 rgb(240,224,195)
```
#f4e8d3
```
#f4e8d3 rgb(244,232,211)
```
#f8f0e2
```
#f8f0e2 rgb(248,240,226)
```
#fcf8f2
```
#fcf8f2 rgb(252,248,242)
```

Tint Color Variation

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

#746f67
```
#746f67 rgb(116,111,103)
```
#7c725f
```
#7c725f rgb(124,114,95)
```
#857456
```
#857456 rgb(133,116,86)
```
#8d764e
```
#8d764e rgb(141,118,78)
```
#967945
```
#967945 rgb(150,121,69)
```
#9e7b3d
```
#9e7b3d rgb(158,123,61)
```
#a77e34
```
#a77e34 rgb(167,126,52)
```
#af802c
```
#af802c rgb(175,128,44)
```
#b78224
```
#b78224 rgb(183,130,36)
```
#c0851b
```
#c0851b rgb(192,133,27)
```
#c88713
```
#c88713 rgb(200,135,19)
```
#d18a0a
```
#d18a0a rgb(209,138,10)
```
#d98c02
```
#d98c02 rgb(217,140,2)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#8d8372 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e8e39 Protanopia 1% of men
#b08736 Deuteranopia 1% of men
#b87e87 Tritanopia 0.001% of the population

Trichromacy

#a48934 Protanomaly 1% of men, 0.01% of women
#af8532 Deuteranomaly 6% of men, 0.4% of women
#b57f66 Tritanomaly 0.01% of the population

#af802c hex color

#af802c Color Information

#af802c Color Conversion

Color Schemes with #af802c

Alternatives to #af802c

#af802c Preview

Shades and Tints of #af802c

Tones of #af802c

Color Blindness Simulator