#af5a26 hex color

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

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

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

The hexadecimal color #af5a26 has RGB values of R:175, G:90, B:38 and CMYK values of C:0, M:0.49, Y:0.78, K:0.31. Its decimal value is 11491878.

Hex triplet	af5a26	`#af5a26`
RGB Decimal	175, 90, 38	`rgb(175,90,38)`
RGB Percent	68.6, 35.3, 14.9	`rgb(68.6%,35.3%,14.9%)`
CMYK	0, 49, 78, 31
HSL	22.8°, 64.3, 41.8	`hsl(22.8,64.3%,41.8%)`
HSV (or HSB)	22.8°, 78.3, 68.6
Web Safe	996633	`#996633`

CIE-LAB	47.711, 30.91, 43.978
XYZ	21.686, 16.568, 3.89
xyY	0.515, 0.393, 16.568
CIE-LCH	47.711, 53.754, 54.899
CIE-LUV	47.711, 68.163, 37.627
Hunter-Lab	40.704, 23.868, 22.827
Binary	10101111, 01011010, 00100110

#af5a26
```
#af5a26 rgb(175,90,38)
```
#267baf
```
#267baf rgb(38,123,175)
```

Complementary Color

#af2636
```
#af2636 rgb(175,38,54)
```
#af5a26
```
#af5a26 rgb(175,90,38)
```
#af9f26
```
#af9f26 rgb(175,159,38)
```

Analogous Color

#2636af
```
#2636af rgb(38,54,175)
```
#af5a26
```
#af5a26 rgb(175,90,38)
```
#26af9f
```
#26af9f rgb(38,175,159)
```

Split Complementary Color

#5a26af
```
#5a26af rgb(90,38,175)
```
#af5a26
```
#af5a26 rgb(175,90,38)
```
#26af5a
```
#26af5a rgb(38,175,90)
```

Triadic Color

#af267b
```
#af267b rgb(175,38,123)
```
#af5a26
```
#af5a26 rgb(175,90,38)
```
#26af5a
```
#26af5a rgb(38,175,90)
```
#267baf
```
#267baf rgb(38,123,175)
```

Tetradic Color

#703a18
```
#703a18 rgb(112,58,24)
```
#85441d
```
#85441d rgb(133,68,29)
```
#9a4f21
```
#9a4f21 rgb(154,79,33)
```
#af5a26
```
#af5a26 rgb(175,90,38)
```
#c4652b
```
#c4652b rgb(196,101,43)
```
#d37135
```
#d37135 rgb(211,113,53)
```
#d8804a
```
#d8804a rgb(216,128,74)
```

Monochromatic Color

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

#af3826
```
#af3826 rgb(175,56,38)
```
#af4326
```
#af4326 rgb(175,67,38)
```
#af4f26
```
#af4f26 rgb(175,79,38)
```
#af5a26
```
#af5a26 rgb(175,90,38)
```
#af6526
```
#af6526 rgb(175,101,38)
```
#af7126
```
#af7126 rgb(175,113,38)
```
#af7c26
```
#af7c26 rgb(175,124,38)
```

Similar Colors

Text with hexadecimal color #af5a26

This text has a font color of #af5a26.

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

#af5a26 background color

This paragraph has a background color of #af5a26.

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

#af5a26 border color

This element has a border color of #af5a26.

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

CSS codes

.text {color:#af5a26;}

.background {background-color:#af5a26;}

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

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

#0e0703
```
#0e0703 rgb(14,7,3)
```
#1e0f07
```
#1e0f07 rgb(30,15,7)
```
#2e180a
```
#2e180a rgb(46,24,10)
```
#3e200e
```
#3e200e rgb(62,32,14)
```
#4e2811
```
#4e2811 rgb(78,40,17)
```
#5e3115
```
#5e3115 rgb(94,49,21)
```
#6f3918
```
#6f3918 rgb(111,57,24)
```
#7f411c
```
#7f411c rgb(127,65,28)
```
#8f491f
```
#8f491f rgb(143,73,31)
```
#9f5223
```
#9f5223 rgb(159,82,35)
```
#af5a26
```
#af5a26 rgb(175,90,38)
```
#bf6229
```
#bf6229 rgb(191,98,41)
```
#cf6b2d
```
#cf6b2d rgb(207,107,45)
```

Shade Color Variation

#d5753b
```
#d5753b rgb(213,117,59)
```
#d8814b
```
#d8814b rgb(216,129,75)
```
#dc8c5c
```
#dc8c5c rgb(220,140,92)
```
#df976c
```
#df976c rgb(223,151,108)
```
#e3a37c
```
#e3a37c rgb(227,163,124)
```
#e6ae8c
```
#e6ae8c rgb(230,174,140)
```
#eab99c
```
#eab99c rgb(234,185,156)
```
#edc5ac
```
#edc5ac rgb(237,197,172)
```
#f1d0bc
```
#f1d0bc rgb(241,208,188)
```
#f4dbcc
```
#f4dbcc rgb(244,219,204)
```
#f8e7dc
```
#f8e7dc rgb(248,231,220)
```
#fbf2ed
```
#fbf2ed rgb(251,242,237)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#6d6a68
```
#6d6a68 rgb(109,106,104)
```
#76685f
```
#76685f rgb(118,104,95)
```
#7e6657
```
#7e6657 rgb(126,102,87)
```
#86644f
```
#86644f rgb(134,100,79)
```
#8e6247
```
#8e6247 rgb(142,98,71)
```
#96603f
```
#96603f rgb(150,96,63)
```
#9f5e36
```
#9f5e36 rgb(159,94,54)
```
#a75c2e
```
#a75c2e rgb(167,92,46)
```
#af5a26
```
#af5a26 rgb(175,90,38)
```
#b7581e
```
#b7581e rgb(183,88,30)
```
#bf5616
```
#bf5616 rgb(191,86,22)
```
#c8540d
```
#c8540d rgb(200,84,13)
```
#d05205
```
#d05205 rgb(208,82,5)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#7a695f Atypical Achromatopsia 0.001% of the population

Dichromacy

#857837 Protanopia 1% of men
#95722b Deuteranopia 1% of men
#b55d63 Tritanopia 0.001% of the population

Trichromacy

#946d31 Protanomaly 1% of men, 0.01% of women
#9e6929 Deuteranomaly 6% of men, 0.4% of women
#b35c4c Tritanomaly 0.01% of the population

#af5a26 hex color

#af5a26 Color Information

#af5a26 Color Conversion

Color Schemes with #af5a26

Alternatives to #af5a26

#af5a26 Preview

Shades and Tints of #af5a26

Tones of #af5a26

Color Blindness Simulator