#af4676 hex color

In a RGB color space, hex #af4676 is composed of 68.6% red, 27.5% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60% magenta, 32.6% yellow and 31.4% black. It has a hue angle of 332.6 degrees, a saturation of 42.9% and a lightness of 48%. #af4676 color hex could be obtained by blending #ff8cec with #5f0000. Closest websafe color is: #993366.

♥
- f
- t
- g
- R 69
- G 27
- B 46
RGB color chart
- C 0
- M 60
- Y 33
- K 31
CMYK color chart

● #af4676 color description : Dark moderate pink.

The hexadecimal color #af4676 has RGB values of R:175, G:70, B:118 and CMYK values of C:0, M:0.6, Y:0.33, K:0.31. Its decimal value is 11486838.

Hex triplet	af4676	`#af4676`
RGB Decimal	175, 70, 118	`rgb(175,70,118)`
RGB Percent	68.6, 27.5, 46.3	`rgb(68.6%,27.5%,46.3%)`
CMYK	0, 60, 33, 31
HSL	332.6°, 42.9, 48	`hsl(332.6,42.9%,48%)`
HSV (or HSB)	332.6°, 60, 68.6
Web Safe	993366	`#993366`

CIE-LAB	45.365, 47.704, -5.523
XYZ	23.14, 14.804, 18.777
xyY	0.408, 0.261, 14.804
CIE-LCH	45.365, 48.022, 353.396
CIE-LUV	45.365, 64.352, -15.611
Hunter-Lab	38.476, 40.017, -2.002
Binary	10101111, 01000110, 01110110

#af4676
```
#af4676 rgb(175,70,118)
```
#46af7f
```
#46af7f rgb(70,175,127)
```

Complementary Color

#af46ab
```
#af46ab rgb(175,70,171)
```
#af4676
```
#af4676 rgb(175,70,118)
```
#af4b46
```
#af4b46 rgb(175,75,70)
```

Analogous Color

#46abaf
```
#46abaf rgb(70,171,175)
```
#af4676
```
#af4676 rgb(175,70,118)
```
#46af4b
```
#46af4b rgb(70,175,75)
```

Split Complementary Color

#4676af
```
#4676af rgb(70,118,175)
```
#af4676
```
#af4676 rgb(175,70,118)
```
#76af46
```
#76af46 rgb(118,175,70)
```

Triadic Color

#7f46af
```
#7f46af rgb(127,70,175)
```
#af4676
```
#af4676 rgb(175,70,118)
```
#76af46
```
#76af46 rgb(118,175,70)
```
#46af7f
```
#46af7f rgb(70,175,127)
```

Tetradic Color

#783051
```
#783051 rgb(120,48,81)
```
#8b375d
```
#8b375d rgb(139,55,93)
```
#9d3f6a
```
#9d3f6a rgb(157,63,106)
```
#af4676
```
#af4676 rgb(175,70,118)
```
#bb5483
```
#bb5483 rgb(187,84,131)
```
#c26690
```
#c26690 rgb(194,102,144)
```
#c9789d
```
#c9789d rgb(201,120,157)
```

Monochromatic Color

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

#af4690
```
#af4690 rgb(175,70,144)
```
#af4688
```
#af4688 rgb(175,70,136)
```
#af467f
```
#af467f rgb(175,70,127)
```
#af4676
```
#af4676 rgb(175,70,118)
```
#af466d
```
#af466d rgb(175,70,109)
```
#af4665
```
#af4665 rgb(175,70,101)
```
#af465c
```
#af465c rgb(175,70,92)
```

Similar Colors

Text with hexadecimal color #af4676

This text has a font color of #af4676.

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

#af4676 background color

This paragraph has a background color of #af4676.

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

#af4676 border color

This element has a border color of #af4676.

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

CSS codes

.text {color:#af4676;}

.background {background-color:#af4676;}

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

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

#070305
```
#070305 rgb(7,3,5)
```
#15080e
```
#15080e rgb(21,8,14)
```
#230e18
```
#230e18 rgb(35,14,24)
```
#311421
```
#311421 rgb(49,20,33)
```
#3f192a
```
#3f192a rgb(63,25,42)
```
#4d1f34
```
#4d1f34 rgb(77,31,52)
```
#5b243d
```
#5b243d rgb(91,36,61)
```
#692a47
```
#692a47 rgb(105,42,71)
```
#773050
```
#773050 rgb(119,48,80)
```
#85355a
```
#85355a rgb(133,53,90)
```
#933b63
```
#933b63 rgb(147,59,99)
```
#a1406d
```
#a1406d rgb(161,64,109)
```
#af4676
```
#af4676 rgb(175,70,118)
```

Shade Color Variation

#b95080
```
#b95080 rgb(185,80,128)
```
#be5e8a
```
#be5e8a rgb(190,94,138)
```
#c46c94
```
#c46c94 rgb(196,108,148)
```
#ca7a9e
```
#ca7a9e rgb(202,122,158)
```
#cf88a8
```
#cf88a8 rgb(207,136,168)
```
#d596b3
```
#d596b3 rgb(213,150,179)
```
#dba4bd
```
#dba4bd rgb(219,164,189)
```
#e0b2c7
```
#e0b2c7 rgb(224,178,199)
```
#e6c0d1
```
#e6c0d1 rgb(230,192,209)
```
#ebcedb
```
#ebcedb rgb(235,206,219)
```
#f1dce5
```
#f1dce5 rgb(241,220,229)
```
#f7eaf0
```
#f7eaf0 rgb(247,234,240)
```
#fcf8fa
```
#fcf8fa rgb(252,248,250)
```

Tint Color Variation

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

#80757a
```
#80757a rgb(128,117,122)
```
#896c79
```
#896c79 rgb(137,108,121)
```
#936278
```
#936278 rgb(147,98,120)
```
#9c5978
```
#9c5978 rgb(156,89,120)
```
#a64f77
```
#a64f77 rgb(166,79,119)
```
#af4676
```
#af4676 rgb(175,70,118)
```
#b83d75
```
#b83d75 rgb(184,61,117)
```
#c23374
```
#c23374 rgb(194,51,116)
```
#cb2a74
```
#cb2a74 rgb(203,42,116)
```
#d52073
```
#d52073 rgb(213,32,115)
```
#de1772
```
#de1772 rgb(222,23,114)
```
#e80d71
```
#e80d71 rgb(232,13,113)
```
#f10470
```
#f10470 rgb(241,4,112)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#79646d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a7190 Protanopia 1% of men
#7c6f75 Deuteranopia 1% of men
#b0565c Tritanopia 0.001% of the population

Trichromacy

#836186 Protanomaly 1% of men, 0.01% of women
#8e6075 Deuteranomaly 6% of men, 0.4% of women
#af5065 Tritanomaly 0.01% of the population

#af4676 hex color

#af4676 Color Information

#af4676 Color Conversion

Color Schemes with #af4676

Alternatives to #af4676

#af4676 Preview

Shades and Tints of #af4676

Tones of #af4676

Color Blindness Simulator