#af841a hex color

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

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

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

The hexadecimal color #af841a has RGB values of R:175, G:132, B:26 and CMYK values of C:0, M:0.25, Y:0.85, K:0.31. Its decimal value is 11502618.

Hex triplet	af841a	`#af841a`
RGB Decimal	175, 132, 26	`rgb(175,132,26)`
RGB Percent	68.6, 51.8, 10.2	`rgb(68.6%,51.8%,10.2%)`
CMYK	0, 25, 85, 31
HSL	42.7°, 74.1, 39.4	`hsl(42.7,74.1%,39.4%)`
HSV (or HSB)	42.7°, 85.1, 68.6
Web Safe	999933	`#999933`

CIE-LAB	57.744, 7.201, 57.687
XYZ	26.117, 25.692, 4.561
xyY	0.463, 0.456, 25.692
CIE-LCH	57.744, 58.134, 82.885
CIE-LUV	57.744, 35.929, 56.676
Hunter-Lab	50.688, 3.271, 30.147
Binary	10101111, 10000100, 00011010

#af841a
```
#af841a rgb(175,132,26)
```
#1a45af
```
#1a45af rgb(26,69,175)
```

Complementary Color

#af391a
```
#af391a rgb(175,57,26)
```
#af841a
```
#af841a rgb(175,132,26)
```
#90af1a
```
#90af1a rgb(144,175,26)
```

Analogous Color

#3a1aaf
```
#3a1aaf rgb(58,26,175)
```
#af841a
```
#af841a rgb(175,132,26)
```
#1a90af
```
#1a90af rgb(26,144,175)
```

Split Complementary Color

#841aaf
```
#841aaf rgb(132,26,175)
```
#af841a
```
#af841a rgb(175,132,26)
```
#1aaf84
```
#1aaf84 rgb(26,175,132)
```

Triadic Color

#af1a45
```
#af1a45 rgb(175,26,69)
```
#af841a
```
#af841a rgb(175,132,26)
```
#1aaf84
```
#1aaf84 rgb(26,175,132)
```
#1a45af
```
#1a45af rgb(26,69,175)
```

Tetradic Color

#6c5210
```
#6c5210 rgb(108,82,16)
```
#836313
```
#836313 rgb(131,99,19)
```
#997317
```
#997317 rgb(153,115,23)
```
#af841a
```
#af841a rgb(175,132,26)
```
#c5951d
```
#c5951d rgb(197,149,29)
```
#dba521
```
#dba521 rgb(219,165,33)
```
#e1af35
```
#e1af35 rgb(225,175,53)
```

Monochromatic Color

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

#af5f1a
```
#af5f1a rgb(175,95,26)
```
#af6b1a
```
#af6b1a rgb(175,107,26)
```
#af781a
```
#af781a rgb(175,120,26)
```
#af841a
```
#af841a rgb(175,132,26)
```
#af901a
```
#af901a rgb(175,144,26)
```
#af9d1a
```
#af9d1a rgb(175,157,26)
```
#afa91a
```
#afa91a rgb(175,169,26)
```

Similar Colors

Text with hexadecimal color #af841a

This text has a font color of #af841a.

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

#af841a background color

This paragraph has a background color of #af841a.

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

#af841a border color

This element has a border color of #af841a.

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

CSS codes

.text {color:#af841a;}

.background {background-color:#af841a;}

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

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)
```
#372a08
```
#372a08 rgb(55,42,8)
```
#49370b
```
#49370b rgb(73,55,11)
```
#5a440d
```
#5a440d rgb(90,68,13)
```
#6b5010
```
#6b5010 rgb(107,80,16)
```
#7c5d12
```
#7c5d12 rgb(124,93,18)
```
#8d6a15
```
#8d6a15 rgb(141,106,21)
```
#9e7717
```
#9e7717 rgb(158,119,23)
```
#af841a
```
#af841a rgb(175,132,26)
```
#c0911d
```
#c0911d rgb(192,145,29)
```
#d19e1f
```
#d19e1f rgb(209,158,31)
```

Shade Color Variation

#dfa925
```
#dfa925 rgb(223,169,37)
```
#e1b036
```
#e1b036 rgb(225,176,54)
```
#e4b747
```
#e4b747 rgb(228,183,71)
```
#e6bd58
```
#e6bd58 rgb(230,189,88)
```
#e9c46a
```
#e9c46a rgb(233,196,106)
```
#ebcb7b
```
#ebcb7b rgb(235,203,123)
```
#eed28c
```
#eed28c rgb(238,210,140)
```
#f0d89d
```
#f0d89d rgb(240,216,157)
```
#f3dfae
```
#f3dfae rgb(243,223,174)
```
#f5e6bf
```
#f5e6bf rgb(245,230,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, #696760 is the less saturated color, while #c68e03 is the most saturated one.

#696760
```
#696760 rgb(105,103,96)
```
#716a58
```
#716a58 rgb(113,106,88)
```
#796d50
```
#796d50 rgb(121,109,80)
```
#817048
```
#817048 rgb(129,112,72)
```
#887441
```
#887441 rgb(136,116,65)
```
#907739
```
#907739 rgb(144,119,57)
```
#987a31
```
#987a31 rgb(152,122,49)
```
#a07d29
```
#a07d29 rgb(160,125,41)
```
#a78122
```
#a78122 rgb(167,129,34)
```
#af841a
```
#af841a rgb(175,132,26)
```
#b78712
```
#b78712 rgb(183,135,18)
```
#be8b0b
```
#be8b0b rgb(190,139,11)
```
#c68e03
```
#c68e03 rgb(198,142,3)
```

Tone Color Variation

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

Dichromacy

#a19127 Protanopia 1% of men
#b48926 Deuteranopia 1% of men
#b9818a Tritanopia 0.001% of the population

Trichromacy

#a68c22 Protanomaly 1% of men, 0.01% of women
#b28721 Deuteranomaly 6% of men, 0.4% of women
#b58261 Tritanomaly 0.01% of the population

#af841a hex color

#af841a Color Information

#af841a Color Conversion

Color Schemes with #af841a

Alternatives to #af841a

#af841a Preview

Shades and Tints of #af841a

Tones of #af841a

Color Blindness Simulator