#af8558 hex color

In a RGB color space, hex #af8558 is composed of 68.6% red, 52.2% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24% magenta, 49.7% yellow and 31.4% black. It has a hue angle of 31 degrees, a saturation of 35.2% and a lightness of 51.6%. #af8558 color hex could be obtained by blending #ffffb0 with #5f0b00. Closest websafe color is: #999966.

♥
- f
- t
- g
- R 69
- G 52
- B 35
RGB color chart
- C 0
- M 24
- Y 50
- K 31
CMYK color chart

● #af8558 color description : Dark moderate orange.

The hexadecimal color #af8558 has RGB values of R:175, G:133, B:88 and CMYK values of C:0, M:0.24, Y:0.5, K:0.31. Its decimal value is 11502936.

Hex triplet	af8558	`#af8558`
RGB Decimal	175, 133, 88	`rgb(175,133,88)`
RGB Percent	68.6, 52.2, 34.5	`rgb(68.6%,52.2%,34.5%)`
CMYK	0, 24, 50, 31
HSL	31°, 35.2, 51.6	`hsl(31,35.2%,51.6%)`
HSV (or HSB)	31°, 49.7, 68.6
Web Safe	999966	`#999966`

CIE-LAB	58.597, 10.471, 30.388
XYZ	27.828, 26.595, 12.9
xyY	0.413, 0.395, 26.595
CIE-LCH	58.597, 32.142, 70.988
CIE-LUV	58.597, 31.47, 34.969
Hunter-Lab	51.57, 6.074, 21.269
Binary	10101111, 10000101, 01011000

#af8558
```
#af8558 rgb(175,133,88)
```
#5882af
```
#5882af rgb(88,130,175)
```

Complementary Color

#af5a58
```
#af5a58 rgb(175,90,88)
```
#af8558
```
#af8558 rgb(175,133,88)
```
#aeaf58
```
#aeaf58 rgb(174,175,88)
```

Analogous Color

#5a58af
```
#5a58af rgb(90,88,175)
```
#af8558
```
#af8558 rgb(175,133,88)
```
#58aeaf
```
#58aeaf rgb(88,174,175)
```

Split Complementary Color

#8558af
```
#8558af rgb(133,88,175)
```
#af8558
```
#af8558 rgb(175,133,88)
```
#58af85
```
#58af85 rgb(88,175,133)
```

Triadic Color

#af5882
```
#af5882 rgb(175,88,130)
```
#af8558
```
#af8558 rgb(175,133,88)
```
#58af85
```
#58af85 rgb(88,175,133)
```
#5882af
```
#5882af rgb(88,130,175)
```

Tetradic Color

#7e5e3c
```
#7e5e3c rgb(126,94,60)
```
#8f6b45
```
#8f6b45 rgb(143,107,69)
```
#a1784d
```
#a1784d rgb(161,120,77)
```
#af8558
```
#af8558 rgb(175,133,88)
```
#b79269
```
#b79269 rgb(183,146,105)
```
#c09e7a
```
#c09e7a rgb(192,158,122)
```
#c8ab8c
```
#c8ab8c rgb(200,171,140)
```

Monochromatic Color

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

#af6f58
```
#af6f58 rgb(175,111,88)
```
#af7758
```
#af7758 rgb(175,119,88)
```
#af7e58
```
#af7e58 rgb(175,126,88)
```
#af8558
```
#af8558 rgb(175,133,88)
```
#af8c58
```
#af8c58 rgb(175,140,88)
```
#af9458
```
#af9458 rgb(175,148,88)
```
#af9b58
```
#af9b58 rgb(175,155,88)
```

Similar Colors

Text with hexadecimal color #af8558

This text has a font color of #af8558.

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

#af8558 background color

This paragraph has a background color of #af8558.

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

#af8558 border color

This element has a border color of #af8558.

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

CSS codes

.text {color:#af8558;}

.background {background-color:#af8558;}

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

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

#050403
```
#050403 rgb(5,4,3)
```
#130e09
```
#130e09 rgb(19,14,9)
```
#20180f
```
#20180f rgb(32,24,15)
```
#2d2216
```
#2d2216 rgb(45,34,22)
```
#3a2c1c
```
#3a2c1c rgb(58,44,28)
```
#483622
```
#483622 rgb(72,54,34)
```
#554029
```
#554029 rgb(85,64,41)
```
#624a2f
```
#624a2f rgb(98,74,47)
```
#705335
```
#705335 rgb(112,83,53)
```
#7d5d3c
```
#7d5d3c rgb(125,93,60)
```
#8a6742
```
#8a6742 rgb(138,103,66)
```
#977148
```
#977148 rgb(151,113,72)
```
#a57b4f
```
#a57b4f rgb(165,123,79)
```

Shade Color Variation

#af8558
```
#af8558 rgb(175,133,88)
```
#b58f65
```
#b58f65 rgb(181,143,101)
```
#bc9873
```
#bc9873 rgb(188,152,115)
```
#c2a280
```
#c2a280 rgb(194,162,128)
```
#c8ac8d
```
#c8ac8d rgb(200,172,141)
```
#cfb59a
```
#cfb59a rgb(207,181,154)
```
#d5bfa8
```
#d5bfa8 rgb(213,191,168)
```
#dbc9b5
```
#dbc9b5 rgb(219,201,181)
```
#e2d3c2
```
#e2d3c2 rgb(226,211,194)
```
#e8dccf
```
#e8dccf rgb(232,220,207)
```
#efe6dd
```
#efe6dd rgb(239,230,221)
```
#f5f0ea
```
#f5f0ea rgb(245,240,234)
```
#fbf9f7
```
#fbf9f7 rgb(251,249,247)
```

Tint Color Variation

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

#89847e
```
#89847e rgb(137,132,126)
```
#938475
```
#938475 rgb(147,132,117)
```
#9c846b
```
#9c846b rgb(156,132,107)
```
#a68562
```
#a68562 rgb(166,133,98)
```
#af8558
```
#af8558 rgb(175,133,88)
```
#b9854f
```
#b9854f rgb(185,133,79)
```
#c28645
```
#c28645 rgb(194,134,69)
```
#cc863c
```
#cc863c rgb(204,134,60)
```
#d58632
```
#d58632 rgb(213,134,50)
```
#df8729
```
#df8729 rgb(223,135,41)
```
#e8871f
```
#e8871f rgb(232,135,31)
```
#f28716
```
#f28716 rgb(242,135,22)
```
#fb880c
```
#fb880c rgb(251,136,12)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#938b82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e9263 Protanopia 1% of men
#af8c60 Deuteranopia 1% of men
#b7858e Tritanopia 0.001% of the population

Trichromacy

#a48d5f Protanomaly 1% of men, 0.01% of women
#af895d Deuteranomaly 6% of men, 0.4% of women
#b4857a Tritanomaly 0.01% of the population

#af8558 hex color

#af8558 Color Information

#af8558 Color Conversion

Color Schemes with #af8558

Alternatives to #af8558

#af8558 Preview

Shades and Tints of #af8558

Tones of #af8558

Color Blindness Simulator