#af5526 hex color

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

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

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

The hexadecimal color #af5526 has RGB values of R:175, G:85, B:38 and CMYK values of C:0, M:0.51, Y:0.78, K:0.31. Its decimal value is 11490598.

Hex triplet	af5526	`#af5526`
RGB Decimal	175, 85, 38	`rgb(175,85,38)`
RGB Percent	68.6, 33.3, 14.9	`rgb(68.6%,33.3%,14.9%)`
CMYK	0, 51, 78, 31
HSL	20.6°, 64.3, 41.8	`hsl(20.6,64.3%,41.8%)`
HSV (or HSB)	20.6°, 78.3, 68.6
Web Safe	996633	`#996633`

CIE-LAB	46.649, 33.564, 42.922
XYZ	21.278, 15.753, 3.754
xyY	0.522, 0.386, 15.753
CIE-LCH	46.649, 54.487, 51.976
CIE-LUV	46.649, 72.022, 35.804
Hunter-Lab	39.69, 26.239, 22.176
Binary	10101111, 01010101, 00100110

#af5526
```
#af5526 rgb(175,85,38)
```
#2680af
```
#2680af rgb(38,128,175)
```

Complementary Color

#af263b
```
#af263b rgb(175,38,59)
```
#af5526
```
#af5526 rgb(175,85,38)
```
#af9a26
```
#af9a26 rgb(175,154,38)
```

Analogous Color

#263baf
```
#263baf rgb(38,59,175)
```
#af5526
```
#af5526 rgb(175,85,38)
```
#26af9a
```
#26af9a rgb(38,175,154)
```

Split Complementary Color

#5526af
```
#5526af rgb(85,38,175)
```
#af5526
```
#af5526 rgb(175,85,38)
```
#26af55
```
#26af55 rgb(38,175,85)
```

Triadic Color

#af2680
```
#af2680 rgb(175,38,128)
```
#af5526
```
#af5526 rgb(175,85,38)
```
#26af55
```
#26af55 rgb(38,175,85)
```
#2680af
```
#2680af rgb(38,128,175)
```

Tetradic Color

#703618
```
#703618 rgb(112,54,24)
```
#85411d
```
#85411d rgb(133,65,29)
```
#9a4b21
```
#9a4b21 rgb(154,75,33)
```
#af5526
```
#af5526 rgb(175,85,38)
```
#c45f2b
```
#c45f2b rgb(196,95,43)
```
#d36b35
```
#d36b35 rgb(211,107,53)
```
#d87a4a
```
#d87a4a rgb(216,122,74)
```

Monochromatic Color

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

#af3326
```
#af3326 rgb(175,51,38)
```
#af3e26
```
#af3e26 rgb(175,62,38)
```
#af4a26
```
#af4a26 rgb(175,74,38)
```
#af5526
```
#af5526 rgb(175,85,38)
```
#af6026
```
#af6026 rgb(175,96,38)
```
#af6c26
```
#af6c26 rgb(175,108,38)
```
#af7726
```
#af7726 rgb(175,119,38)
```

Similar Colors

Text with hexadecimal color #af5526

This text has a font color of #af5526.

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

#af5526 background color

This paragraph has a background color of #af5526.

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

#af5526 border color

This element has a border color of #af5526.

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

CSS codes

.text {color:#af5526;}

.background {background-color:#af5526;}

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

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)
```
#2e160a
```
#2e160a rgb(46,22,10)
```
#3e1e0e
```
#3e1e0e rgb(62,30,14)
```
#4e2611
```
#4e2611 rgb(78,38,17)
```
#5e2e15
```
#5e2e15 rgb(94,46,21)
```
#6f3618
```
#6f3618 rgb(111,54,24)
```
#7f3e1c
```
#7f3e1c rgb(127,62,28)
```
#8f451f
```
#8f451f rgb(143,69,31)
```
#9f4d23
```
#9f4d23 rgb(159,77,35)
```
#af5526
```
#af5526 rgb(175,85,38)
```
#bf5d29
```
#bf5d29 rgb(191,93,41)
```
#cf652d
```
#cf652d rgb(207,101,45)
```

Shade Color Variation

#d5703b
```
#d5703b rgb(213,112,59)
```
#d87c4b
```
#d87c4b rgb(216,124,75)
```
#dc875c
```
#dc875c rgb(220,135,92)
```
#df936c
```
#df936c rgb(223,147,108)
```
#e39f7c
```
#e39f7c rgb(227,159,124)
```
#e6ab8c
```
#e6ab8c rgb(230,171,140)
```
#eab79c
```
#eab79c rgb(234,183,156)
```
#edc2ac
```
#edc2ac rgb(237,194,172)
```
#f1cebc
```
#f1cebc rgb(241,206,188)
```
#f4dacc
```
#f4dacc rgb(244,218,204)
```
#f8e6dc
```
#f8e6dc rgb(248,230,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 #d04b05 is the most saturated one.

#6d6a68
```
#6d6a68 rgb(109,106,104)
```
#76675f
```
#76675f rgb(118,103,95)
```
#7e6457
```
#7e6457 rgb(126,100,87)
```
#86624f
```
#86624f rgb(134,98,79)
```
#8e5f47
```
#8e5f47 rgb(142,95,71)
```
#965d3f
```
#965d3f rgb(150,93,63)
```
#9f5a36
```
#9f5a36 rgb(159,90,54)
```
#a7582e
```
#a7582e rgb(167,88,46)
```
#af5526
```
#af5526 rgb(175,85,38)
```
#b7521e
```
#b7521e rgb(183,82,30)
```
#bf5016
```
#bf5016 rgb(191,80,22)
```
#c84d0d
```
#c84d0d rgb(200,77,13)
```
#d04b05
```
#d04b05 rgb(208,75,5)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#79675d Atypical Achromatopsia 0.001% of the population

Dichromacy

#827638 Protanopia 1% of men
#92702a Deuteranopia 1% of men
#b5585e Tritanopia 0.001% of the population

Trichromacy

#926a31 Protanomaly 1% of men, 0.01% of women
#9c6629 Deuteranomaly 6% of men, 0.4% of women
#b35749 Tritanomaly 0.01% of the population

#af5526 hex color

#af5526 Color Information

#af5526 Color Conversion

Color Schemes with #af5526

Alternatives to #af5526

#af5526 Preview

Shades and Tints of #af5526

Tones of #af5526

Color Blindness Simulator