#af677c hex color

In a RGB color space, hex #af677c is composed of 68.6% red, 40.4% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.1% magenta, 29.1% yellow and 31.4% black. It has a hue angle of 342.5 degrees, a saturation of 31% and a lightness of 54.5%. #af677c color hex could be obtained by blending #ffcef8 with #5f0000. Closest websafe color is: #996666.

♥
- f
- t
- g
- R 69
- G 40
- B 49
RGB color chart
- C 0
- M 41
- Y 29
- K 31
CMYK color chart

● #af677c color description : Mostly desaturated dark pink.

The hexadecimal color #af677c has RGB values of R:175, G:103, B:124 and CMYK values of C:0, M:0.41, Y:0.29, K:0.31. Its decimal value is 11495292.

Hex triplet	af677c	`#af677c`
RGB Decimal	175, 103, 124	`rgb(175,103,124)`
RGB Percent	68.6, 40.4, 48.6	`rgb(68.6%,40.4%,48.6%)`
CMYK	0, 41, 29, 31
HSL	342.5°, 31, 54.5	`hsl(342.5,31%,54.5%)`
HSV (or HSB)	342.5°, 41.1, 68.6
Web Safe	996666	`#996666`

CIE-LAB	52.142, 31.553, 0.839
XYZ	26.168, 20.271, 21.602
xyY	0.385, 0.298, 20.271
CIE-LCH	52.142, 31.564, 1.524
CIE-LUV	52.142, 45.497, -4.413
Hunter-Lab	45.024, 24.952, 3.069
Binary	10101111, 01100111, 01111100

#af677c
```
#af677c rgb(175,103,124)
```
#67af9a
```
#67af9a rgb(103,175,154)
```

Complementary Color

#af67a0
```
#af67a0 rgb(175,103,160)
```
#af677c
```
#af677c rgb(175,103,124)
```
#af7667
```
#af7667 rgb(175,118,103)
```

Analogous Color

#67a0af
```
#67a0af rgb(103,160,175)
```
#af677c
```
#af677c rgb(175,103,124)
```
#67af76
```
#67af76 rgb(103,175,118)
```

Split Complementary Color

#677caf
```
#677caf rgb(103,124,175)
```
#af677c
```
#af677c rgb(175,103,124)
```
#7caf67
```
#7caf67 rgb(124,175,103)
```

Triadic Color

#9a67af
```
#9a67af rgb(154,103,175)
```
#af677c
```
#af677c rgb(175,103,124)
```
#7caf67
```
#7caf67 rgb(124,175,103)
```
#67af9a
```
#67af9a rgb(103,175,154)
```

Tetradic Color

#844558
```
#844558 rgb(132,69,88)
```
#954e63
```
#954e63 rgb(149,78,99)
```
#a5576e
```
#a5576e rgb(165,87,110)
```
#af677c
```
#af677c rgb(175,103,124)
```
#b8788a
```
#b8788a rgb(184,120,138)
```
#c18899
```
#c18899 rgb(193,136,153)
```
#c999a7
```
#c999a7 rgb(201,153,167)
```

Monochromatic Color

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

#af678e
```
#af678e rgb(175,103,142)
```
#af6788
```
#af6788 rgb(175,103,136)
```
#af6782
```
#af6782 rgb(175,103,130)
```
#af677c
```
#af677c rgb(175,103,124)
```
#af6776
```
#af6776 rgb(175,103,118)
```
#af6770
```
#af6770 rgb(175,103,112)
```
#af676a
```
#af676a rgb(175,103,106)
```

Similar Colors

Text with hexadecimal color #af677c

This text has a font color of #af677c.

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

#af677c background color

This paragraph has a background color of #af677c.

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

#af677c border color

This element has a border color of #af677c.

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

CSS codes

.text {color:#af677c;}

.background {background-color:#af677c;}

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

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

#020101
```
#020101 rgb(2,1,1)
```
#0f080a
```
#0f080a rgb(15,8,10)
```
#1c0f13
```
#1c0f13 rgb(28,15,19)
```
#29151b
```
#29151b rgb(41,21,27)
```
#361c24
```
#361c24 rgb(54,28,36)
```
#42232c
```
#42232c rgb(66,35,44)
```
#4f2a35
```
#4f2a35 rgb(79,42,53)
```
#5c313d
```
#5c313d rgb(92,49,61)
```
#693746
```
#693746 rgb(105,55,70)
```
#763e4e
```
#763e4e rgb(118,62,78)
```
#834557
```
#834557 rgb(131,69,87)
```
#904c5f
```
#904c5f rgb(144,76,95)
```
#9c5268
```
#9c5268 rgb(156,82,104)
```

Shade Color Variation

#a85a71
```
#a85a71 rgb(168,90,113)
```
#af677c
```
#af677c rgb(175,103,124)
```
#b67487
```
#b67487 rgb(182,116,135)
```
#bd8192
```
#bd8192 rgb(189,129,146)
```
#c38e9d
```
#c38e9d rgb(195,142,157)
```
#ca9aa8
```
#ca9aa8 rgb(202,154,168)
```
#d1a7b3
```
#d1a7b3 rgb(209,167,179)
```
#d8b4be
```
#d8b4be rgb(216,180,190)
```
#dec1ca
```
#dec1ca rgb(222,193,202)
```
#e5ced5
```
#e5ced5 rgb(229,206,213)
```
#ecdbe0
```
#ecdbe0 rgb(236,219,224)
```
#f3e8eb
```
#f3e8eb rgb(243,232,235)
```
#f9f4f6
```
#f9f4f6 rgb(249,244,246)
```

Tint Color Variation

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

#8b8b8b
```
#8b8b8b rgb(139,139,139)
```
#948287
```
#948287 rgb(148,130,135)
```
#9d7983
```
#9d7983 rgb(157,121,131)
```
#a67080
```
#a67080 rgb(166,112,128)
```
#af677c
```
#af677c rgb(175,103,124)
```
#b85e78
```
#b85e78 rgb(184,94,120)
```
#c15575
```
#c15575 rgb(193,85,117)
```
#ca4c71
```
#ca4c71 rgb(202,76,113)
```
#d3436d
```
#d3436d rgb(211,67,109)
```
#dc3a69
```
#dc3a69 rgb(220,58,105)
```
#e53166
```
#e53166 rgb(229,49,102)
```
#ed2962
```
#ed2962 rgb(237,41,98)
```
#f6205e
```
#f6205e rgb(246,32,94)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#897a7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#82828d Protanopia 1% of men
#917f7e Deuteranopia 1% of men
#b27078 Tritanopia 0.001% of the population

Trichromacy

#927886 Protanomaly 1% of men, 0.01% of women
#9b767d Deuteranomaly 6% of men, 0.4% of women
#b06d79 Tritanomaly 0.01% of the population

#af677c hex color

#af677c Color Information

#af677c Color Conversion

Color Schemes with #af677c

Alternatives to #af677c

#af677c Preview

Shades and Tints of #af677c

Tones of #af677c

Color Blindness Simulator