#af821a hex color

In a RGB color space, hex #af821a is composed of 68.6% red, 51% green and 10.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.7% magenta, 85.1% yellow and 31.4% black. It has a hue angle of 41.9 degrees, a saturation of 74.1% and a lightness of 39.4%. #af821a color hex could be obtained by blending #ffff34 with #5f0500. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 69
- G 51
- B 10
RGB color chart
- C 0
- M 26
- Y 85
- K 31
CMYK color chart

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

The hexadecimal color #af821a has RGB values of R:175, G:130, B:26 and CMYK values of C:0, M:0.26, Y:0.85, K:0.31. Its decimal value is 11502106.

Hex triplet	af821a	`#af821a`
RGB Decimal	175, 130, 26	`rgb(175,130,26)`
RGB Percent	68.6, 51, 10.2	`rgb(68.6%,51%,10.2%)`
CMYK	0, 26, 85, 31
HSL	41.9°, 74.1, 39.4	`hsl(41.9,74.1%,39.4%)`
HSV (or HSB)	41.9°, 85.1, 68.6
Web Safe	999933	`#999933`

CIE-LAB	57.226, 8.314, 57.252
XYZ	25.849, 25.155, 4.471
xyY	0.466, 0.453, 25.155
CIE-LCH	57.226, 57.852, 81.738
CIE-LUV	57.226, 37.46, 55.881
Hunter-Lab	50.155, 4.224, 29.823
Binary	10101111, 10000010, 00011010

#af821a
```
#af821a rgb(175,130,26)
```
#1a47af
```
#1a47af rgb(26,71,175)
```

Complementary Color

#af381a
```
#af381a rgb(175,56,26)
```
#af821a
```
#af821a rgb(175,130,26)
```
#92af1a
```
#92af1a rgb(146,175,26)
```

Analogous Color

#381aaf
```
#381aaf rgb(56,26,175)
```
#af821a
```
#af821a rgb(175,130,26)
```
#1a92af
```
#1a92af rgb(26,146,175)
```

Split Complementary Color

#821aaf
```
#821aaf rgb(130,26,175)
```
#af821a
```
#af821a rgb(175,130,26)
```
#1aaf82
```
#1aaf82 rgb(26,175,130)
```

Triadic Color

#af1a47
```
#af1a47 rgb(175,26,71)
```
#af821a
```
#af821a rgb(175,130,26)
```
#1aaf82
```
#1aaf82 rgb(26,175,130)
```
#1a47af
```
#1a47af rgb(26,71,175)
```

Tetradic Color

#6c5110
```
#6c5110 rgb(108,81,16)
```
#836113
```
#836113 rgb(131,97,19)
```
#997217
```
#997217 rgb(153,114,23)
```
#af821a
```
#af821a rgb(175,130,26)
```
#c5921d
```
#c5921d rgb(197,146,29)
```
#dba321
```
#dba321 rgb(219,163,33)
```
#e1ad35
```
#e1ad35 rgb(225,173,53)
```

Monochromatic Color

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

#af5d1a
```
#af5d1a rgb(175,93,26)
```
#af691a
```
#af691a rgb(175,105,26)
```
#af761a
```
#af761a rgb(175,118,26)
```
#af821a
```
#af821a rgb(175,130,26)
```
#af8e1a
```
#af8e1a rgb(175,142,26)
```
#af9b1a
```
#af9b1a rgb(175,155,26)
```
#afa71a
```
#afa71a rgb(175,167,26)
```

Similar Colors

Text with hexadecimal color #af821a

This text has a font color of #af821a.

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

#af821a background color

This paragraph has a background color of #af821a.

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

#af821a border color

This element has a border color of #af821a.

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

CSS codes

.text {color:#af821a;}

.background {background-color:#af821a;}

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

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

#040301
```
#040301 rgb(4,3,1)
```
#151003
```
#151003 rgb(21,16,3)
```
#261d06
```
#261d06 rgb(38,29,6)
```
#372908
```
#372908 rgb(55,41,8)
```
#49360b
```
#49360b rgb(73,54,11)
```
#5a430d
```
#5a430d rgb(90,67,13)
```
#6b4f10
```
#6b4f10 rgb(107,79,16)
```
#7c5c12
```
#7c5c12 rgb(124,92,18)
```
#8d6915
```
#8d6915 rgb(141,105,21)
```
#9e7517
```
#9e7517 rgb(158,117,23)
```
#af821a
```
#af821a rgb(175,130,26)
```
#c08f1d
```
#c08f1d rgb(192,143,29)
```
#d19b1f
```
#d19b1f rgb(209,155,31)
```

Shade Color Variation

#dfa725
```
#dfa725 rgb(223,167,37)
```
#e1ae36
```
#e1ae36 rgb(225,174,54)
```
#e4b447
```
#e4b447 rgb(228,180,71)
```
#e6bb58
```
#e6bb58 rgb(230,187,88)
```
#e9c26a
```
#e9c26a rgb(233,194,106)
```
#ebc97b
```
#ebc97b rgb(235,201,123)
```
#eed08c
```
#eed08c rgb(238,208,140)
```
#f0d79d
```
#f0d79d rgb(240,215,157)
```
#f3deae
```
#f3deae rgb(243,222,174)
```
#f5e5bf
```
#f5e5bf rgb(245,229,191)
```
#f8ecd0
```
#f8ecd0 rgb(248,236,208)
```
#fbf3e1
```
#fbf3e1 rgb(251,243,225)
```
#fdfaf2
```
#fdfaf2 rgb(253,250,242)
```

Tint Color Variation

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

#696660
```
#696660 rgb(105,102,96)
```
#716a58
```
#716a58 rgb(113,106,88)
```
#796d50
```
#796d50 rgb(121,109,80)
```
#817048
```
#817048 rgb(129,112,72)
```
#887341
```
#887341 rgb(136,115,65)
```
#907639
```
#907639 rgb(144,118,57)
```
#987931
```
#987931 rgb(152,121,49)
```
#a07c29
```
#a07c29 rgb(160,124,41)
```
#a77f22
```
#a77f22 rgb(167,127,34)
```
#af821a
```
#af821a rgb(175,130,26)
```
#b78512
```
#b78512 rgb(183,133,18)
```
#be880b
```
#be880b rgb(190,136,11)
```
#c68b03
```
#c68b03 rgb(198,139,3)
```

Tone Color Variation

Below, you can see how #af821a 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
#8d846f Atypical Achromatopsia 0.001% of the population

Dichromacy

#a08f27 Protanopia 1% of men
#b28825 Deuteranopia 1% of men
#b97f88 Tritanopia 0.001% of the population

Trichromacy

#a58a22 Protanomaly 1% of men, 0.01% of women
#b18621 Deuteranomaly 6% of men, 0.4% of women
#b58060 Tritanomaly 0.01% of the population

#af821a hex color

#af821a Color Information

#af821a Color Conversion

Color Schemes with #af821a

Alternatives to #af821a

#af821a Preview

Shades and Tints of #af821a

Tones of #af821a

Color Blindness Simulator