colorhexa.com

#af7058 hex color

In a RGB color space, hex #af7058 is composed of 68.6% red, 43.9% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36% magenta, 49.7% yellow and 31.4% black. It has a hue angle of 16.6 degrees, a saturation of 35.2% and a lightness of 51.6%. #af7058 color hex could be obtained by blending #ffe0b0 with #5f0000. Closest websafe color is: #996666.

- R 69
- G 44
- B 35
RGB color chart
- C 0
- M 36
- Y 50
- K 31
CMYK color chart

● #af7058 color description : Dark moderate orange.

The hexadecimal color #af7058 has RGB values of R:175, G:112, B:88 and CMYK values of C:0, M:0.36, Y:0.5, K:0.31. Its decimal value is 11497560.

Hex triplet	af7058	`#af7058`
RGB Decimal	175, 112, 88	`rgb(175,112,88)`
RGB Percent	68.6, 43.9, 34.5	`rgb(68.6%,43.9%,34.5%)`
CMYK	0, 36, 50, 31
HSL	16.6°, 35.2, 51.6	`hsl(16.6,35.2%,51.6%)`
HSV (or HSB)	16.6°, 49.7, 68.6
Web Safe	996666	`#996666`

CIE-LAB	53.394, 22.25, 23.661
XYZ	25.235, 21.408, 12.035
xyY	0.43, 0.365, 21.408
CIE-LCH	53.394, 32.479, 46.761
CIE-LUV	53.394, 45.867, 24.596
Hunter-Lab	46.269, 16.382, 16.966
Binary	10101111, 01110000, 01011000

#af7058
```
#af7058 rgb(175,112,88)
```
#5897af
```
#5897af rgb(88,151,175)
```

Complementary Color

#af586c
```
#af586c rgb(175,88,108)
```
#af7058
```
#af7058 rgb(175,112,88)
```
#af9c58
```
#af9c58 rgb(175,156,88)
```

Analogous Color

#586caf
```
#586caf rgb(88,108,175)
```
#af7058
```
#af7058 rgb(175,112,88)
```
#58af9c
```
#58af9c rgb(88,175,156)
```

Split Complementary Color

#7058af
```
#7058af rgb(112,88,175)
```
#af7058
```
#af7058 rgb(175,112,88)
```
#58af70
```
#58af70 rgb(88,175,112)
```

Triadic Color

#af5897
```
#af5897 rgb(175,88,151)
```
#af7058
```
#af7058 rgb(175,112,88)
```
#58af70
```
#58af70 rgb(88,175,112)
```
#5897af
```
#5897af rgb(88,151,175)
```

Tetradic Color

#7e4f3c
```
#7e4f3c rgb(126,79,60)
```
#8f5945
```
#8f5945 rgb(143,89,69)
```
#a1644d
```
#a1644d rgb(161,100,77)
```
#af7058
```
#af7058 rgb(175,112,88)
```
#b77f69
```
#b77f69 rgb(183,127,105)
```
#c08e7a
```
#c08e7a rgb(192,142,122)
```
#c89c8c
```
#c89c8c rgb(200,156,140)
```

Monochromatic Color

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

#af5a58
```
#af5a58 rgb(175,90,88)
```
#af6258
```
#af6258 rgb(175,98,88)
```
#af6958
```
#af6958 rgb(175,105,88)
```
#af7058
```
#af7058 rgb(175,112,88)
```
#af7758
```
#af7758 rgb(175,119,88)
```
#af7f58
```
#af7f58 rgb(175,127,88)
```
#af8658
```
#af8658 rgb(175,134,88)
```

Similar Colors

Text with hexadecimal color #af7058

This text has a font color of #af7058.

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

#af7058 background color

This paragraph has a background color of #af7058.

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

#af7058 border color

This element has a border color of #af7058.

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

CSS codes

.text {color:#af7058;}

.background {background-color:#af7058;}

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

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

#050303
```
#050303 rgb(5,3,3)
```
#130c09
```
#130c09 rgb(19,12,9)
```
#20140f
```
#20140f rgb(32,20,15)
```
#2d1c16
```
#2d1c16 rgb(45,28,22)
```
#3a241c
```
#3a241c rgb(58,36,28)
```
#482d22
```
#482d22 rgb(72,45,34)
```
#553529
```
#553529 rgb(85,53,41)
```
#623d2f
```
#623d2f rgb(98,61,47)
```
#704535
```
#704535 rgb(112,69,53)
```
#7d4e3c
```
#7d4e3c rgb(125,78,60)
```
#8a5642
```
#8a5642 rgb(138,86,66)
```
#975e48
```
#975e48 rgb(151,94,72)
```
#a5664f
```
#a5664f rgb(165,102,79)
```

Shade Color Variation

#af7058
```
#af7058 rgb(175,112,88)
```
#b57b65
```
#b57b65 rgb(181,123,101)
```
#bc8773
```
#bc8773 rgb(188,135,115)
```
#c29280
```
#c29280 rgb(194,146,128)
```
#c89d8d
```
#c89d8d rgb(200,157,141)
```
#cfa99a
```
#cfa99a rgb(207,169,154)
```
#d5b4a8
```
#d5b4a8 rgb(213,180,168)
```
#dbbfb5
```
#dbbfb5 rgb(219,191,181)
```
#e2cbc2
```
#e2cbc2 rgb(226,203,194)
```
#e8d6cf
```
#e8d6cf rgb(232,214,207)
```
#efe2dd
```
#efe2dd rgb(239,226,221)
```
#f5edea
```
#f5edea rgb(245,237,234)
```
#fbf8f7
```
#fbf8f7 rgb(251,248,247)
```

Tint Color Variation

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

#89817e
```
#89817e rgb(137,129,126)
```
#937d75
```
#937d75 rgb(147,125,117)
```
#9c796b
```
#9c796b rgb(156,121,107)
```
#a67462
```
#a67462 rgb(166,116,98)
```
#af7058
```
#af7058 rgb(175,112,88)
```
#b96c4f
```
#b96c4f rgb(185,108,79)
```
#c26745
```
#c26745 rgb(194,103,69)
```
#cc633c
```
#cc633c rgb(204,99,60)
```
#d55f32
```
#d55f32 rgb(213,95,50)
```
#df5b29
```
#df5b29 rgb(223,91,41)
```
#e8561f
```
#e8561f rgb(232,86,31)
```
#f25216
```
#f25216 rgb(242,82,22)
```
#fb4e0c
```
#fb4e0c rgb(251,78,12)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#897d78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f8566 Protanopia 1% of men
#9f805e Deuteranopia 1% of men
#b5737b Tritanopia 0.001% of the population

Trichromacy

#9a7d61 Protanomaly 1% of men, 0.01% of women
#a47a5b Deuteranomaly 6% of men, 0.4% of women
#b3726e Tritanomaly 0.01% of the population