#af5770 hex color

In a RGB color space, hex #af5770 is composed of 68.6% red, 34.1% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50.3% magenta, 36% yellow and 31.4% black. It has a hue angle of 343 degrees, a saturation of 35.5% and a lightness of 51.4%. #af5770 color hex could be obtained by blending #ffaee0 with #5f0000. Closest websafe color is: #996666.

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

● #af5770 color description : Dark moderate pink.

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

Hex triplet	af5770	`#af5770`
RGB Decimal	175, 87, 112	`rgb(175,87,112)`
RGB Percent	68.6, 34.1, 43.9	`rgb(68.6%,34.1%,43.9%)`
CMYK	0, 50, 36, 31
HSL	343°, 35.5, 51.4	`hsl(343,35.5%,51.4%)`
HSV (or HSB)	343°, 50.3, 68.6
Web Safe	996666	`#996666`

CIE-LAB	48.388, 38.548, 2.555
XYZ	24.012, 17.102, 17.365
xyY	0.411, 0.292, 17.102
CIE-LCH	48.388, 38.632, 3.792
CIE-LUV	48.388, 57.188, -3.532
Hunter-Lab	41.355, 31.275, 4.052
Binary	10101111, 01010111, 01110000

#af5770
```
#af5770 rgb(175,87,112)
```
#57af96
```
#57af96 rgb(87,175,150)
```

Complementary Color

#af579c
```
#af579c rgb(175,87,156)
```
#af5770
```
#af5770 rgb(175,87,112)
```
#af6a57
```
#af6a57 rgb(175,106,87)
```

Analogous Color

#579caf
```
#579caf rgb(87,156,175)
```
#af5770
```
#af5770 rgb(175,87,112)
```
#57af6a
```
#57af6a rgb(87,175,106)
```

Split Complementary Color

#5770af
```
#5770af rgb(87,112,175)
```
#af5770
```
#af5770 rgb(175,87,112)
```
#70af57
```
#70af57 rgb(112,175,87)
```

Triadic Color

#9657af
```
#9657af rgb(150,87,175)
```
#af5770
```
#af5770 rgb(175,87,112)
```
#70af57
```
#70af57 rgb(112,175,87)
```
#57af96
```
#57af96 rgb(87,175,150)
```

Tetradic Color

#7e3c4f
```
#7e3c4f rgb(126,60,79)
```
#8f4459
```
#8f4459 rgb(143,68,89)
```
#a04c64
```
#a04c64 rgb(160,76,100)
```
#af5770
```
#af5770 rgb(175,87,112)
```
#b7687f
```
#b7687f rgb(183,104,127)
```
#bf7a8d
```
#bf7a8d rgb(191,122,141)
```
#c88b9c
```
#c88b9c rgb(200,139,156)
```

Monochromatic Color

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

#af5786
```
#af5786 rgb(175,87,134)
```
#af577f
```
#af577f rgb(175,87,127)
```
#af5777
```
#af5777 rgb(175,87,119)
```
#af5770
```
#af5770 rgb(175,87,112)
```
#af5769
```
#af5769 rgb(175,87,105)
```
#af5761
```
#af5761 rgb(175,87,97)
```
#af575a
```
#af575a rgb(175,87,90)
```

Similar Colors

Text with hexadecimal color #af5770

This text has a font color of #af5770.

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

#af5770 background color

This paragraph has a background color of #af5770.

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

#af5770 border color

This element has a border color of #af5770.

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

CSS codes

.text {color:#af5770;}

.background {background-color:#af5770;}

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

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

#050203
```
#050203 rgb(5,2,3)
```
#12090b
```
#12090b rgb(18,9,11)
```
#1f0f14
```
#1f0f14 rgb(31,15,20)
```
#2d151c
```
#2d151c rgb(45,21,28)
```
#3a1c24
```
#3a1c24 rgb(58,28,36)
```
#47222c
```
#47222c rgb(71,34,44)
```
#542835
```
#542835 rgb(84,40,53)
```
#622f3d
```
#622f3d rgb(98,47,61)
```
#6f3545
```
#6f3545 rgb(111,53,69)
```
#7c3b4e
```
#7c3b4e rgb(124,59,78)
```
#8a4256
```
#8a4256 rgb(138,66,86)
```
#97485e
```
#97485e rgb(151,72,94)
```
#a44e67
```
#a44e67 rgb(164,78,103)
```

Shade Color Variation

#af5770
```
#af5770 rgb(175,87,112)
```
#b5647b
```
#b5647b rgb(181,100,123)
```
#bc7287
```
#bc7287 rgb(188,114,135)
```
#c27f92
```
#c27f92 rgb(194,127,146)
```
#c88c9d
```
#c88c9d rgb(200,140,157)
```
#cf99a9
```
#cf99a9 rgb(207,153,169)
```
#d5a7b4
```
#d5a7b4 rgb(213,167,180)
```
#dbb4bf
```
#dbb4bf rgb(219,180,191)
```
#e2c1ca
```
#e2c1ca rgb(226,193,202)
```
#e8cfd6
```
#e8cfd6 rgb(232,207,214)
```
#eedce1
```
#eedce1 rgb(238,220,225)
```
#f5e9ec
```
#f5e9ec rgb(245,233,236)
```
#fbf6f8
```
#fbf6f8 rgb(251,246,248)
```

Tint Color Variation

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

#897d80
```
#897d80 rgb(137,125,128)
```
#92747c
```
#92747c rgb(146,116,124)
```
#9c6a78
```
#9c6a78 rgb(156,106,120)
```
#a56174
```
#a56174 rgb(165,97,116)
```
#af5770
```
#af5770 rgb(175,87,112)
```
#b94d6c
```
#b94d6c rgb(185,77,108)
```
#c24468
```
#c24468 rgb(194,68,104)
```
#cc3a64
```
#cc3a64 rgb(204,58,100)
```
#d53160
```
#d53160 rgb(213,49,96)
```
#df275b
```
#df275b rgb(223,39,91)
```
#e81e57
```
#e81e57 rgb(232,30,87)
```
#f21453
```
#f21453 rgb(242,20,83)
```
#fb0b4f
```
#fb0b4f rgb(251,11,79)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#806e73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#787984 Protanopia 1% of men
#887671 Deuteranopia 1% of men
#b16268 Tritanopia 0.001% of the population

Trichromacy

#8c6c7d Protanomaly 1% of men, 0.01% of women
#966a71 Deuteranomaly 6% of men, 0.4% of women
#b05e6b Tritanomaly 0.01% of the population

#af5770 hex color

#af5770 Color Information

#af5770 Color Conversion

Color Schemes with #af5770

Alternatives to #af5770

#af5770 Preview

Shades and Tints of #af5770

Tones of #af5770

Color Blindness Simulator