#af1f6c hex color

In a RGB color space, hex #af1f6c is composed of 68.6% red, 12.2% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.3% magenta, 38.3% yellow and 31.4% black. It has a hue angle of 327.9 degrees, a saturation of 69.9% and a lightness of 40.4%. #af1f6c color hex could be obtained by blending #ff3ed8 with #5f0000. Closest websafe color is: #993366.

♥
- f
- t
- g
- R 69
- G 12
- B 42
RGB color chart
- C 0
- M 82
- Y 38
- K 31
CMYK color chart

● #af1f6c color description : Dark pink.

The hexadecimal color #af1f6c has RGB values of R:175, G:31, B:108 and CMYK values of C:0, M:0.82, Y:0.38, K:0.31. Its decimal value is 11476844.

Hex triplet	af1f6c	`#af1f6c`
RGB Decimal	175, 31, 108	`rgb(175,31,108)`
RGB Percent	68.6, 12.2, 42.4	`rgb(68.6%,12.2%,42.4%)`
CMYK	0, 82, 38, 31
HSL	327.9°, 69.9, 40.4	`hsl(327.9,69.9%,40.4%)`
HSV (or HSB)	327.9°, 82.3, 68.6
Web Safe	993366	`#993366`

CIE-LAB	39.88, 60.815, -7.508
XYZ	20.876, 11.179, 15.245
xyY	0.441, 0.236, 11.179
CIE-LCH	39.88, 61.277, 352.962
CIE-LUV	39.88, 82.212, -20.178
Hunter-Lab	33.435, 52.944, -3.63
Binary	10101111, 00011111, 01101100

#af1f6c
```
#af1f6c rgb(175,31,108)
```
#1faf62
```
#1faf62 rgb(31,175,98)
```

Complementary Color

#aa1faf
```
#aa1faf rgb(170,31,175)
```
#af1f6c
```
#af1f6c rgb(175,31,108)
```
#af1f24
```
#af1f24 rgb(175,31,36)
```

Analogous Color

#1fafaa
```
#1fafaa rgb(31,175,170)
```
#af1f6c
```
#af1f6c rgb(175,31,108)
```
#24af1f
```
#24af1f rgb(36,175,31)
```

Split Complementary Color

#1f6caf
```
#1f6caf rgb(31,108,175)
```
#af1f6c
```
#af1f6c rgb(175,31,108)
```
#6caf1f
```
#6caf1f rgb(108,175,31)
```

Triadic Color

#621faf
```
#621faf rgb(98,31,175)
```
#af1f6c
```
#af1f6c rgb(175,31,108)
```
#6caf1f
```
#6caf1f rgb(108,175,31)
```
#1faf62
```
#1faf62 rgb(31,175,98)
```

Tetradic Color

#6e1344
```
#6e1344 rgb(110,19,68)
```
#841751
```
#841751 rgb(132,23,81)
```
#991b5f
```
#991b5f rgb(153,27,95)
```
#af1f6c
```
#af1f6c rgb(175,31,108)
```
#c52379
```
#c52379 rgb(197,35,121)
```
#d92887
```
#d92887 rgb(217,40,135)
```
#dd3e93
```
#dd3e93 rgb(221,62,147)
```

Monochromatic Color

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

#af1f90
```
#af1f90 rgb(175,31,144)
```
#af1f84
```
#af1f84 rgb(175,31,132)
```
#af1f78
```
#af1f78 rgb(175,31,120)
```
#af1f6c
```
#af1f6c rgb(175,31,108)
```
#af1f60
```
#af1f60 rgb(175,31,96)
```
#af1f54
```
#af1f54 rgb(175,31,84)
```
#af1f48
```
#af1f48 rgb(175,31,72)
```

Similar Colors

Text with hexadecimal color #af1f6c

This text has a font color of #af1f6c.

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

#af1f6c background color

This paragraph has a background color of #af1f6c.

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

#af1f6c border color

This element has a border color of #af1f6c.

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

CSS codes

.text {color:#af1f6c;}

.background {background-color:#af1f6c;}

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

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

#080105
```
#080105 rgb(8,1,5)
```
#19040f
```
#19040f rgb(25,4,15)
```
#2a071a
```
#2a071a rgb(42,7,26)
```
#3a0a24
```
#3a0a24 rgb(58,10,36)
```
#4b0d2e
```
#4b0d2e rgb(75,13,46)
```
#5c1039
```
#5c1039 rgb(92,16,57)
```
#6c1343
```
#6c1343 rgb(108,19,67)
```
#7d164d
```
#7d164d rgb(125,22,77)
```
#8e1957
```
#8e1957 rgb(142,25,87)
```
#9e1c62
```
#9e1c62 rgb(158,28,98)
```
#af1f6c
```
#af1f6c rgb(175,31,108)
```
#c02276
```
#c02276 rgb(192,34,118)
```
#d02581
```
#d02581 rgb(208,37,129)
```

Shade Color Variation

#da2f8a
```
#da2f8a rgb(218,47,138)
```
#dd3f94
```
#dd3f94 rgb(221,63,148)
```
#e0509d
```
#e0509d rgb(224,80,157)
```
#e361a6
```
#e361a6 rgb(227,97,166)
```
#e671b0
```
#e671b0 rgb(230,113,176)
```
#e982b9
```
#e982b9 rgb(233,130,185)
```
#ec93c2
```
#ec93c2 rgb(236,147,194)
```
#efa3cc
```
#efa3cc rgb(239,163,204)
```
#f2b4d5
```
#f2b4d5 rgb(242,180,213)
```
#f5c5de
```
#f5c5de rgb(245,197,222)
```
#f8d5e8
```
#f8d5e8 rgb(248,213,232)
```
#fbe6f1
```
#fbe6f1 rgb(251,230,241)
```
#fef7fa
```
#fef7fa rgb(254,247,250)
```

Tint Color Variation

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

#686667
```
#686667 rgb(104,102,103)
```
#705e68
```
#705e68 rgb(112,94,104)
```
#785668
```
#785668 rgb(120,86,104)
```
#7f4f69
```
#7f4f69 rgb(127,79,105)
```
#874769
```
#874769 rgb(135,71,105)
```
#8f3f6a
```
#8f3f6a rgb(143,63,106)
```
#97376a
```
#97376a rgb(151,55,106)
```
#9f2f6b
```
#9f2f6b rgb(159,47,107)
```
#a7276b
```
#a7276b rgb(167,39,107)
```
#af1f6c
```
#af1f6c rgb(175,31,108)
```
#b7176d
```
#b7176d rgb(183,23,109)
```
#bf0f6d
```
#bf0f6d rgb(191,15,109)
```
#c7076e
```
#c7076e rgb(199,7,110)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#654958 Atypical Achromatopsia 0.001% of the population

Dichromacy

#556493 Protanopia 1% of men
#6e6369 Deuteranopia 1% of men
#af3c3f Tritanopia 0.001% of the population

Trichromacy

#754b85 Protanomaly 1% of men, 0.01% of women
#854a6a Deuteranomaly 6% of men, 0.4% of women
#af314f Tritanomaly 0.01% of the population

#af1f6c hex color

#af1f6c Color Information

#af1f6c Color Conversion

Color Schemes with #af1f6c

Alternatives to #af1f6c

#af1f6c Preview

Shades and Tints of #af1f6c

Tones of #af1f6c

Color Blindness Simulator