#af802d hex color

In a RGB color space, hex #af802d is composed of 68.6% red, 50.2% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.9% magenta, 74.3% yellow and 31.4% black. It has a hue angle of 38.3 degrees, a saturation of 59.1% and a lightness of 43.1%. #af802d color hex could be obtained by blending #ffff5a with #5f0100. Closest websafe color is: #999933.

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

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

The hexadecimal color #af802d has RGB values of R:175, G:128, B:45 and CMYK values of C:0, M:0.27, Y:0.74, K:0.31. Its decimal value is 11501613.

Hex triplet	af802d	`#af802d`
RGB Decimal	175, 128, 45	`rgb(175,128,45)`
RGB Percent	68.6, 50.2, 17.6	`rgb(68.6%,50.2%,17.6%)`
CMYK	0, 27, 74, 31
HSL	38.3°, 59.1, 43.1	`hsl(38.3,59.1%,43.1%)`
HSV (or HSB)	38.3°, 74.3, 68.6
Web Safe	999933	`#999933`

CIE-LAB	56.824, 10.145, 49.895
XYZ	25.873, 24.743, 5.896
xyY	0.458, 0.438, 24.743
CIE-LCH	56.824, 50.916, 78.507
CIE-LUV	56.824, 38.198, 50.707
Hunter-Lab	49.743, 5.793, 27.792
Binary	10101111, 10000000, 00101101

#af802d
```
#af802d rgb(175,128,45)
```
#2d5caf
```
#2d5caf rgb(45,92,175)
```

Complementary Color

#af3f2d
```
#af3f2d rgb(175,63,45)
```
#af802d
```
#af802d rgb(175,128,45)
```
#9daf2d
```
#9daf2d rgb(157,175,45)
```

Analogous Color

#3f2daf
```
#3f2daf rgb(63,45,175)
```
#af802d
```
#af802d rgb(175,128,45)
```
#2d9daf
```
#2d9daf rgb(45,157,175)
```

Split Complementary Color

#802daf
```
#802daf rgb(128,45,175)
```
#af802d
```
#af802d rgb(175,128,45)
```
#2daf80
```
#2daf80 rgb(45,175,128)
```

Triadic Color

#af2d5c
```
#af2d5c rgb(175,45,92)
```
#af802d
```
#af802d rgb(175,128,45)
```
#2daf80
```
#2daf80 rgb(45,175,128)
```
#2d5caf
```
#2d5caf rgb(45,92,175)
```

Tetradic Color

#72531d
```
#72531d rgb(114,83,29)
```
#866223
```
#866223 rgb(134,98,35)
```
#9b7128
```
#9b7128 rgb(155,113,40)
```
#af802d
```
#af802d rgb(175,128,45)
```
#c38f32
```
#c38f32 rgb(195,143,50)
```
#ce9b41
```
#ce9b41 rgb(206,155,65)
```
#d3a655
```
#d3a655 rgb(211,166,85)
```

Monochromatic Color

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

#af602d
```
#af602d rgb(175,96,45)
```
#af6a2d
```
#af6a2d rgb(175,106,45)
```
#af752d
```
#af752d rgb(175,117,45)
```
#af802d
```
#af802d rgb(175,128,45)
```
#af8b2d
```
#af8b2d rgb(175,139,45)
```
#af962d
```
#af962d rgb(175,150,45)
```
#afa12d
```
#afa12d rgb(175,161,45)
```

Similar Colors

Text with hexadecimal color #af802d

This text has a font color of #af802d.

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

#af802d background color

This paragraph has a background color of #af802d.

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

#af802d border color

This element has a border color of #af802d.

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

CSS codes

.text {color:#af802d;}

.background {background-color:#af802d;}

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

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

#030201
```
#030201 rgb(3,2,1)
```
#130e05
```
#130e05 rgb(19,14,5)
```
#231909
```
#231909 rgb(35,25,9)
```
#32250d
```
#32250d rgb(50,37,13)
```
#423011
```
#423011 rgb(66,48,17)
```
#513c15
```
#513c15 rgb(81,60,21)
```
#614719
```
#614719 rgb(97,71,25)
```
#71521d
```
#71521d rgb(113,82,29)
```
#805e21
```
#805e21 rgb(128,94,33)
```
#906925
```
#906925 rgb(144,105,37)
```
#9f7529
```
#9f7529 rgb(159,117,41)
```
#af802d
```
#af802d rgb(175,128,45)
```
#bf8b31
```
#bf8b31 rgb(191,139,49)
```

Shade Color Variation

#cc9638
```
#cc9638 rgb(204,150,56)
```
#d09e47
```
#d09e47 rgb(208,158,71)
```
#d4a757
```
#d4a757 rgb(212,167,87)
```
#d8af66
```
#d8af66 rgb(216,175,102)
```
#dcb776
```
#dcb776 rgb(220,183,118)
```
#e0bf86
```
#e0bf86 rgb(224,191,134)
```
#e4c795
```
#e4c795 rgb(228,199,149)
```
#e8d0a5
```
#e8d0a5 rgb(232,208,165)
```
#ecd8b4
```
#ecd8b4 rgb(236,216,180)
```
#f0e0c4
```
#f0e0c4 rgb(240,224,196)
```
#f4e8d4
```
#f4e8d4 rgb(244,232,212)
```
#f8f0e3
```
#f8f0e3 rgb(248,240,227)
```
#fcf9f3
```
#fcf9f3 rgb(252,249,243)
```

Tint Color Variation

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

#747068
```
#747068 rgb(116,112,104)
```
#7c7260
```
#7c7260 rgb(124,114,96)
```
#857457
```
#857457 rgb(133,116,87)
```
#8d774f
```
#8d774f rgb(141,119,79)
```
#967946
```
#967946 rgb(150,121,70)
```
#9e7b3e
```
#9e7b3e rgb(158,123,62)
```
#a77e35
```
#a77e35 rgb(167,126,53)
```
#af802d
```
#af802d rgb(175,128,45)
```
#b78225
```
#b78225 rgb(183,130,37)
```
#c0851c
```
#c0851c rgb(192,133,28)
```
#c88714
```
#c88714 rgb(200,135,20)
```
#d1890b
```
#d1890b rgb(209,137,11)
```
#d98c03
```
#d98c03 rgb(217,140,3)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#8d8473 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e8e3a Protanopia 1% of men
#b08737 Deuteranopia 1% of men
#b87e87 Tritanopia 0.001% of the population

Trichromacy

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

#af802d hex color

#af802d Color Information

#af802d Color Conversion

Color Schemes with #af802d

Alternatives to #af802d

#af802d Preview

Shades and Tints of #af802d

Tones of #af802d

Color Blindness Simulator