#af1f6a hex color

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

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

● #af1f6a color description : Dark pink.

The hexadecimal color #af1f6a has RGB values of R:175, G:31, B:106 and CMYK values of C:0, M:0.82, Y:0.39, K:0.31. Its decimal value is 11476842.

Hex triplet	af1f6a	`#af1f6a`
RGB Decimal	175, 31, 106	`rgb(175,31,106)`
RGB Percent	68.6, 12.2, 41.6	`rgb(68.6%,12.2%,41.6%)`
CMYK	0, 82, 39, 31
HSL	328.8°, 69.9, 40.4	`hsl(328.8,69.9%,40.4%)`
HSV (or HSB)	328.8°, 82.3, 68.6
Web Safe	993366	`#993366`

CIE-LAB	39.81, 60.61, -6.355
XYZ	20.771, 11.137, 14.691
xyY	0.446, 0.239, 11.137
CIE-LCH	39.81, 60.943, 354.014
CIE-LUV	39.81, 83.036, -18.689
Hunter-Lab	33.372, 52.702, -2.74
Binary	10101111, 00011111, 01101010

#af1f6a
```
#af1f6a rgb(175,31,106)
```
#1faf64
```
#1faf64 rgb(31,175,100)
```

Complementary Color

#ac1faf
```
#ac1faf rgb(172,31,175)
```
#af1f6a
```
#af1f6a rgb(175,31,106)
```
#af1f22
```
#af1f22 rgb(175,31,34)
```

Analogous Color

#1fafac
```
#1fafac rgb(31,175,172)
```
#af1f6a
```
#af1f6a rgb(175,31,106)
```
#22af1f
```
#22af1f rgb(34,175,31)
```

Split Complementary Color

#1f6aaf
```
#1f6aaf rgb(31,106,175)
```
#af1f6a
```
#af1f6a rgb(175,31,106)
```
#6aaf1f
```
#6aaf1f rgb(106,175,31)
```

Triadic Color

#641faf
```
#641faf rgb(100,31,175)
```
#af1f6a
```
#af1f6a rgb(175,31,106)
```
#6aaf1f
```
#6aaf1f rgb(106,175,31)
```
#1faf64
```
#1faf64 rgb(31,175,100)
```

Tetradic Color

#6e1343
```
#6e1343 rgb(110,19,67)
```
#841750
```
#841750 rgb(132,23,80)
```
#991b5d
```
#991b5d rgb(153,27,93)
```
#af1f6a
```
#af1f6a rgb(175,31,106)
```
#c52377
```
#c52377 rgb(197,35,119)
```
#d92884
```
#d92884 rgb(217,40,132)
```
#dd3e91
```
#dd3e91 rgb(221,62,145)
```

Monochromatic Color

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

#af1f8e
```
#af1f8e rgb(175,31,142)
```
#af1f82
```
#af1f82 rgb(175,31,130)
```
#af1f76
```
#af1f76 rgb(175,31,118)
```
#af1f6a
```
#af1f6a rgb(175,31,106)
```
#af1f5e
```
#af1f5e rgb(175,31,94)
```
#af1f52
```
#af1f52 rgb(175,31,82)
```
#af1f46
```
#af1f46 rgb(175,31,70)
```

Similar Colors

Text with hexadecimal color #af1f6a

This text has a font color of #af1f6a.

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

#af1f6a background color

This paragraph has a background color of #af1f6a.

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

#af1f6a border color

This element has a border color of #af1f6a.

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

CSS codes

.text {color:#af1f6a;}

.background {background-color:#af1f6a;}

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

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)
```
#2a0719
```
#2a0719 rgb(42,7,25)
```
#3a0a23
```
#3a0a23 rgb(58,10,35)
```
#4b0d2d
```
#4b0d2d rgb(75,13,45)
```
#5c1038
```
#5c1038 rgb(92,16,56)
```
#6c1342
```
#6c1342 rgb(108,19,66)
```
#7d164c
```
#7d164c rgb(125,22,76)
```
#8e1956
```
#8e1956 rgb(142,25,86)
```
#9e1c60
```
#9e1c60 rgb(158,28,96)
```
#af1f6a
```
#af1f6a rgb(175,31,106)
```
#c02274
```
#c02274 rgb(192,34,116)
```
#d0257e
```
#d0257e rgb(208,37,126)
```

Shade Color Variation

#da2f88
```
#da2f88 rgb(218,47,136)
```
#dd3f92
```
#dd3f92 rgb(221,63,146)
```
#e0509b
```
#e0509b rgb(224,80,155)
```
#e361a5
```
#e361a5 rgb(227,97,165)
```
#e671ae
```
#e671ae rgb(230,113,174)
```
#e982b8
```
#e982b8 rgb(233,130,184)
```
#ec93c1
```
#ec93c1 rgb(236,147,193)
```
#efa3cb
```
#efa3cb rgb(239,163,203)
```
#f2b4d4
```
#f2b4d4 rgb(242,180,212)
```
#f5c5de
```
#f5c5de rgb(245,197,222)
```
#f8d5e7
```
#f8d5e7 rgb(248,213,231)
```
#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 #c7076b is the most saturated one.

#686667
```
#686667 rgb(104,102,103)
```
#705e67
```
#705e67 rgb(112,94,103)
```
#785668
```
#785668 rgb(120,86,104)
```
#7f4f68
```
#7f4f68 rgb(127,79,104)
```
#874768
```
#874768 rgb(135,71,104)
```
#8f3f69
```
#8f3f69 rgb(143,63,105)
```
#973769
```
#973769 rgb(151,55,105)
```
#9f2f69
```
#9f2f69 rgb(159,47,105)
```
#a7276a
```
#a7276a rgb(167,39,106)
```
#af1f6a
```
#af1f6a rgb(175,31,106)
```
#b7176a
```
#b7176a rgb(183,23,106)
```
#bf0f6b
```
#bf0f6b rgb(191,15,107)
```
#c7076b
```
#c7076b rgb(199,7,107)
```

Tone Color Variation

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

#566490 Protanopia 1% of men
#6e6367 Deuteranopia 1% of men
#af3b3e Tritanopia 0.001% of the population

Trichromacy

#764b82 Protanomaly 1% of men, 0.01% of women
#864a68 Deuteranomaly 6% of men, 0.4% of women
#af314e Tritanomaly 0.01% of the population

#af1f6a hex color

#af1f6a Color Information

#af1f6a Color Conversion

Color Schemes with #af1f6a

Alternatives to #af1f6a

#af1f6a Preview

Shades and Tints of #af1f6a

Tones of #af1f6a

Color Blindness Simulator