#af5226 hex color

In a RGB color space, hex #af5226 is composed of 68.6% red, 32.2% green and 14.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.1% magenta, 78.3% yellow and 31.4% black. It has a hue angle of 19.3 degrees, a saturation of 64.3% and a lightness of 41.8%. #af5226 color hex could be obtained by blending #ffa44c with #5f0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 69
- G 32
- B 15
RGB color chart
- C 0
- M 53
- Y 78
- K 31
CMYK color chart

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

The hexadecimal color #af5226 has RGB values of R:175, G:82, B:38 and CMYK values of C:0, M:0.53, Y:0.78, K:0.31. Its decimal value is 11489830.

Hex triplet	af5226	`#af5226`
RGB Decimal	175, 82, 38	`rgb(175,82,38)`
RGB Percent	68.6, 32.2, 14.9	`rgb(68.6%,32.2%,14.9%)`
CMYK	0, 53, 78, 31
HSL	19.3°, 64.3, 41.8	`hsl(19.3,64.3%,41.8%)`
HSV (or HSB)	19.3°, 78.3, 68.6
Web Safe	996633	`#996633`

CIE-LAB	46.03, 35.129, 42.304
XYZ	21.047, 15.291, 3.677
xyY	0.526, 0.382, 15.291
CIE-LCH	46.03, 54.987, 50.294
CIE-LUV	46.03, 74.31, 34.734
Hunter-Lab	39.103, 27.647, 21.797
Binary	10101111, 01010010, 00100110

#af5226
```
#af5226 rgb(175,82,38)
```
#2683af
```
#2683af rgb(38,131,175)
```

Complementary Color

#af263e
```
#af263e rgb(175,38,62)
```
#af5226
```
#af5226 rgb(175,82,38)
```
#af9726
```
#af9726 rgb(175,151,38)
```

Analogous Color

#263eaf
```
#263eaf rgb(38,62,175)
```
#af5226
```
#af5226 rgb(175,82,38)
```
#26af97
```
#26af97 rgb(38,175,151)
```

Split Complementary Color

#5226af
```
#5226af rgb(82,38,175)
```
#af5226
```
#af5226 rgb(175,82,38)
```
#26af52
```
#26af52 rgb(38,175,82)
```

Triadic Color

#af2683
```
#af2683 rgb(175,38,131)
```
#af5226
```
#af5226 rgb(175,82,38)
```
#26af52
```
#26af52 rgb(38,175,82)
```
#2683af
```
#2683af rgb(38,131,175)
```

Tetradic Color

#703518
```
#703518 rgb(112,53,24)
```
#853e1d
```
#853e1d rgb(133,62,29)
```
#9a4821
```
#9a4821 rgb(154,72,33)
```
#af5226
```
#af5226 rgb(175,82,38)
```
#c45c2b
```
#c45c2b rgb(196,92,43)
```
#d36835
```
#d36835 rgb(211,104,53)
```
#d8774a
```
#d8774a rgb(216,119,74)
```

Monochromatic Color

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

#af3026
```
#af3026 rgb(175,48,38)
```
#af3b26
```
#af3b26 rgb(175,59,38)
```
#af4726
```
#af4726 rgb(175,71,38)
```
#af5226
```
#af5226 rgb(175,82,38)
```
#af5d26
```
#af5d26 rgb(175,93,38)
```
#af6926
```
#af6926 rgb(175,105,38)
```
#af7426
```
#af7426 rgb(175,116,38)
```

Similar Colors

Text with hexadecimal color #af5226

This text has a font color of #af5226.

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

#af5226 background color

This paragraph has a background color of #af5226.

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

#af5226 border color

This element has a border color of #af5226.

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

CSS codes

.text {color:#af5226;}

.background {background-color:#af5226;}

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

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, #0e0603 is the darkest color, while #fffdfd is the lightest one.

#0e0603
```
#0e0603 rgb(14,6,3)
```
#1e0e07
```
#1e0e07 rgb(30,14,7)
```
#2e160a
```
#2e160a rgb(46,22,10)
```
#3e1d0e
```
#3e1d0e rgb(62,29,14)
```
#4e2511
```
#4e2511 rgb(78,37,17)
```
#5e2c15
```
#5e2c15 rgb(94,44,21)
```
#6f3418
```
#6f3418 rgb(111,52,24)
```
#7f3b1c
```
#7f3b1c rgb(127,59,28)
```
#8f431f
```
#8f431f rgb(143,67,31)
```
#9f4a23
```
#9f4a23 rgb(159,74,35)
```
#af5226
```
#af5226 rgb(175,82,38)
```
#bf5a29
```
#bf5a29 rgb(191,90,41)
```
#cf612d
```
#cf612d rgb(207,97,45)
```

Shade Color Variation

#d56d3b
```
#d56d3b rgb(213,109,59)
```
#d8794b
```
#d8794b rgb(216,121,75)
```
#dc855c
```
#dc855c rgb(220,133,92)
```
#df916c
```
#df916c rgb(223,145,108)
```
#e39d7c
```
#e39d7c rgb(227,157,124)
```
#e6a98c
```
#e6a98c rgb(230,169,140)
```
#eab59c
```
#eab59c rgb(234,181,156)
```
#edc1ac
```
#edc1ac rgb(237,193,172)
```
#f1cdbc
```
#f1cdbc rgb(241,205,188)
```
#f4d9cc
```
#f4d9cc rgb(244,217,204)
```
#f8e5dc
```
#f8e5dc rgb(248,229,220)
```
#fbf1ed
```
#fbf1ed rgb(251,241,237)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#6d6968
```
#6d6968 rgb(109,105,104)
```
#76675f
```
#76675f rgb(118,103,95)
```
#7e6457
```
#7e6457 rgb(126,100,87)
```
#86614f
```
#86614f rgb(134,97,79)
```
#8e5e47
```
#8e5e47 rgb(142,94,71)
```
#965b3f
```
#965b3f rgb(150,91,63)
```
#9f5836
```
#9f5836 rgb(159,88,54)
```
#a7552e
```
#a7552e rgb(167,85,46)
```
#af5226
```
#af5226 rgb(175,82,38)
```
#b74f1e
```
#b74f1e rgb(183,79,30)
```
#bf4c16
```
#bf4c16 rgb(191,76,22)
```
#c8490d
```
#c8490d rgb(200,73,13)
```
#d04605
```
#d04605 rgb(208,70,5)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#77645c Atypical Achromatopsia 0.001% of the population

Dichromacy

#807438 Protanopia 1% of men
#906f2a Deuteranopia 1% of men
#b5565b Tritanopia 0.001% of the population

Trichromacy

#916831 Protanomaly 1% of men, 0.01% of women
#9b6428 Deuteranomaly 6% of men, 0.4% of women
#b25448 Tritanomaly 0.01% of the population

#af5226 hex color

#af5226 Color Information

#af5226 Color Conversion

Color Schemes with #af5226

Alternatives to #af5226

#af5226 Preview

Shades and Tints of #af5226

Tones of #af5226

Color Blindness Simulator