#af5257 hex color

In a RGB color space, hex #af5257 is composed of 68.6% red, 32.2% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.1% magenta, 50.3% yellow and 31.4% black. It has a hue angle of 356.8 degrees, a saturation of 36.8% and a lightness of 50.4%. #af5257 color hex could be obtained by blending #ffa4ae with #5f0000. Closest websafe color is: #996666.

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

● #af5257 color description : Dark moderate red.

The hexadecimal color #af5257 has RGB values of R:175, G:82, B:87 and CMYK values of C:0, M:0.53, Y:0.5, K:0.31. Its decimal value is 11489879.

Hex triplet	af5257	`#af5257`
RGB Decimal	175, 82, 87	`rgb(175,82,87)`
RGB Percent	68.6, 32.2, 34.1	`rgb(68.6%,32.2%,34.1%)`
CMYK	0, 53, 50, 31
HSL	356.8°, 36.8, 50.4	`hsl(356.8,36.8%,50.4%)`
HSV (or HSB)	356.8°, 53.1, 68.6
Web Safe	996666	`#996666`

CIE-LAB	46.762, 38.398, 15.365
XYZ	22.417, 15.839, 10.893
xyY	0.456, 0.322, 15.839
CIE-LCH	46.762, 41.358, 21.809
CIE-LUV	46.762, 65.981, 11.376
Hunter-Lab	39.798, 30.9, 11.63
Binary	10101111, 01010010, 01010111

#af5257
```
#af5257 rgb(175,82,87)
```
#52afaa
```
#52afaa rgb(82,175,170)
```

Complementary Color

#af5286
```
#af5286 rgb(175,82,134)
```
#af5257
```
#af5257 rgb(175,82,87)
```
#af7c52
```
#af7c52 rgb(175,124,82)
```

Analogous Color

#5286af
```
#5286af rgb(82,134,175)
```
#af5257
```
#af5257 rgb(175,82,87)
```
#52af7c
```
#52af7c rgb(82,175,124)
```

Split Complementary Color

#5257af
```
#5257af rgb(82,87,175)
```
#af5257
```
#af5257 rgb(175,82,87)
```
#57af52
```
#57af52 rgb(87,175,82)
```

Triadic Color

#aa52af
```
#aa52af rgb(170,82,175)
```
#af5257
```
#af5257 rgb(175,82,87)
```
#57af52
```
#57af52 rgb(87,175,82)
```
#52afaa
```
#52afaa rgb(82,175,170)
```

Tetradic Color

#7b393d
```
#7b393d rgb(123,57,61)
```
#8d4145
```
#8d4145 rgb(141,65,69)
```
#9e494e
```
#9e494e rgb(158,73,78)
```
#af5257
```
#af5257 rgb(175,82,87)
```
#b76368
```
#b76368 rgb(183,99,104)
```
#bf7579
```
#bf7579 rgb(191,117,121)
```
#c7868a
```
#c7868a rgb(199,134,138)
```

Monochromatic Color

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

#af526e
```
#af526e rgb(175,82,110)
```
#af5267
```
#af5267 rgb(175,82,103)
```
#af525f
```
#af525f rgb(175,82,95)
```
#af5257
```
#af5257 rgb(175,82,87)
```
#af5552
```
#af5552 rgb(175,85,82)
```
#af5d52
```
#af5d52 rgb(175,93,82)
```
#af6452
```
#af6452 rgb(175,100,82)
```

Similar Colors

Text with hexadecimal color #af5257

This text has a font color of #af5257.

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

#af5257 background color

This paragraph has a background color of #af5257.

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

#af5257 border color

This element has a border color of #af5257.

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

CSS codes

.text {color:#af5257;}

.background {background-color:#af5257;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0f0707
```
#0f0707 rgb(15,7,7)
```
#1c0d0e
```
#1c0d0e rgb(28,13,14)
```
#2a1314
```
#2a1314 rgb(42,19,20)
```
#37191b
```
#37191b rgb(55,25,27)
```
#442022
```
#442022 rgb(68,32,34)
```
#522628
```
#522628 rgb(82,38,40)
```
#5f2c2f
```
#5f2c2f rgb(95,44,47)
```
#6d3235
```
#6d3235 rgb(109,50,53)
```
#7a383c
```
#7a383c rgb(122,56,60)
```
#873f43
```
#873f43 rgb(135,63,67)
```
#954549
```
#954549 rgb(149,69,73)
```
#a24b50
```
#a24b50 rgb(162,75,80)
```

Shade Color Variation

#af5257
```
#af5257 rgb(175,82,87)
```
#b55f64
```
#b55f64 rgb(181,95,100)
```
#bb6d71
```
#bb6d71 rgb(187,109,113)
```
#c27a7e
```
#c27a7e rgb(194,122,126)
```
#c8888b
```
#c8888b rgb(200,136,139)
```
#ce9598
```
#ce9598 rgb(206,149,152)
```
#d4a2a5
```
#d4a2a5 rgb(212,162,165)
```
#dab0b2
```
#dab0b2 rgb(218,176,178)
```
#e1bdbf
```
#e1bdbf rgb(225,189,191)
```
#e7cbcc
```
#e7cbcc rgb(231,203,204)
```
#edd8d9
```
#edd8d9 rgb(237,216,217)
```
#f3e6e6
```
#f3e6e6 rgb(243,230,230)
```
#f9f3f3
```
#f9f3f3 rgb(249,243,243)
```

Tint Color Variation

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

#88797a
```
#88797a rgb(136,121,122)
```
#926f71
```
#926f71 rgb(146,111,113)
```
#9c6568
```
#9c6568 rgb(156,101,104)
```
#a55c60
```
#a55c60 rgb(165,92,96)
```
#af5257
```
#af5257 rgb(175,82,87)
```
#b9484e
```
#b9484e rgb(185,72,78)
```
#c23f46
```
#c23f46 rgb(194,63,70)
```
#cc353d
```
#cc353d rgb(204,53,61)
```
#d62b34
```
#d62b34 rgb(214,43,52)
```
#e0212c
```
#e0212c rgb(224,33,44)
```
#e91823
```
#e91823 rgb(233,24,35)
```
#f30e1a
```
#f30e1a rgb(243,14,26)
```
#fd0412
```
#fd0412 rgb(253,4,18)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#7b6869 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a756b Protanopia 1% of men
#8a715a Deuteranopia 1% of men
#b35a60 Tritanopia 0.001% of the population

Trichromacy

#8d6864 Protanomaly 1% of men, 0.01% of women
#976659 Deuteranomaly 6% of men, 0.4% of women
#b1575d Tritanomaly 0.01% of the population

#af5257 hex color

#af5257 Color Information

#af5257 Color Conversion

Color Schemes with #af5257

Alternatives to #af5257

#af5257 Preview

Shades and Tints of #af5257

Tones of #af5257

Color Blindness Simulator