#af1f5b hex color

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

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

● #af1f5b color description : Dark pink.

The hexadecimal color #af1f5b has RGB values of R:175, G:31, B:91 and CMYK values of C:0, M:0.82, Y:0.48, K:0.31. Its decimal value is 11476827.

Hex triplet	af1f5b	`#af1f5b`
RGB Decimal	175, 31, 91	`rgb(175,31,91)`
RGB Percent	68.6, 12.2, 35.7	`rgb(68.6%,12.2%,35.7%)`
CMYK	0, 82, 48, 31
HSL	335°, 69.9, 40.4	`hsl(335,69.9%,40.4%)`
HSV (or HSB)	335°, 82.3, 68.6
Web Safe	993366	`#993366`

CIE-LAB	39.329, 59.195, 2.43
XYZ	20.058, 10.851, 10.935
xyY	0.479, 0.259, 10.851
CIE-LCH	39.329, 59.245, 2.351
CIE-LUV	39.329, 89.082, -7.888
Hunter-Lab	32.942, 51.041, 3.377
Binary	10101111, 00011111, 01011011

#af1f5b
```
#af1f5b rgb(175,31,91)
```
#1faf73
```
#1faf73 rgb(31,175,115)
```

Complementary Color

#af1fa3
```
#af1fa3 rgb(175,31,163)
```
#af1f5b
```
#af1f5b rgb(175,31,91)
```
#af2b1f
```
#af2b1f rgb(175,43,31)
```

Analogous Color

#1fa3af
```
#1fa3af rgb(31,163,175)
```
#af1f5b
```
#af1f5b rgb(175,31,91)
```
#1faf2b
```
#1faf2b rgb(31,175,43)
```

Split Complementary Color

#1f5baf
```
#1f5baf rgb(31,91,175)
```
#af1f5b
```
#af1f5b rgb(175,31,91)
```
#5baf1f
```
#5baf1f rgb(91,175,31)
```

Triadic Color

#731faf
```
#731faf rgb(115,31,175)
```
#af1f5b
```
#af1f5b rgb(175,31,91)
```
#5baf1f
```
#5baf1f rgb(91,175,31)
```
#1faf73
```
#1faf73 rgb(31,175,115)
```

Tetradic Color

#6e1339
```
#6e1339 rgb(110,19,57)
```
#841744
```
#841744 rgb(132,23,68)
```
#991b50
```
#991b50 rgb(153,27,80)
```
#af1f5b
```
#af1f5b rgb(175,31,91)
```
#c52366
```
#c52366 rgb(197,35,102)
```
#d92872
```
#d92872 rgb(217,40,114)
```
#dd3e80
```
#dd3e80 rgb(221,62,128)
```

Monochromatic Color

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

#af1f7f
```
#af1f7f rgb(175,31,127)
```
#af1f73
```
#af1f73 rgb(175,31,115)
```
#af1f67
```
#af1f67 rgb(175,31,103)
```
#af1f5b
```
#af1f5b rgb(175,31,91)
```
#af1f4f
```
#af1f4f rgb(175,31,79)
```
#af1f43
```
#af1f43 rgb(175,31,67)
```
#af1f37
```
#af1f37 rgb(175,31,55)
```

Similar Colors

Text with hexadecimal color #af1f5b

This text has a font color of #af1f5b.

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

#af1f5b background color

This paragraph has a background color of #af1f5b.

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

#af1f5b border color

This element has a border color of #af1f5b.

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

CSS codes

.text {color:#af1f5b;}

.background {background-color:#af1f5b;}

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

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

#080104
```
#080104 rgb(8,1,4)
```
#19040d
```
#19040d rgb(25,4,13)
```
#2a0716
```
#2a0716 rgb(42,7,22)
```
#3a0a1e
```
#3a0a1e rgb(58,10,30)
```
#4b0d27
```
#4b0d27 rgb(75,13,39)
```
#5c1030
```
#5c1030 rgb(92,16,48)
```
#6c1338
```
#6c1338 rgb(108,19,56)
```
#7d1641
```
#7d1641 rgb(125,22,65)
```
#8e194a
```
#8e194a rgb(142,25,74)
```
#9e1c52
```
#9e1c52 rgb(158,28,82)
```
#af1f5b
```
#af1f5b rgb(175,31,91)
```
#c02264
```
#c02264 rgb(192,34,100)
```
#d0256c
```
#d0256c rgb(208,37,108)
```

Shade Color Variation

#da2f76
```
#da2f76 rgb(218,47,118)
```
#dd3f81
```
#dd3f81 rgb(221,63,129)
```
#e0508c
```
#e0508c rgb(224,80,140)
```
#e36197
```
#e36197 rgb(227,97,151)
```
#e671a2
```
#e671a2 rgb(230,113,162)
```
#e982ad
```
#e982ad rgb(233,130,173)
```
#ec93b8
```
#ec93b8 rgb(236,147,184)
```
#efa3c3
```
#efa3c3 rgb(239,163,195)
```
#f2b4ce
```
#f2b4ce rgb(242,180,206)
```
#f5c5d9
```
#f5c5d9 rgb(245,197,217)
```
#f8d5e4
```
#f8d5e4 rgb(248,213,228)
```
#fbe6ef
```
#fbe6ef rgb(251,230,239)
```
#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 #c70757 is the most saturated one.

#686667
```
#686667 rgb(104,102,103)
```
#705e66
```
#705e66 rgb(112,94,102)
```
#785664
```
#785664 rgb(120,86,100)
```
#7f4f63
```
#7f4f63 rgb(127,79,99)
```
#874762
```
#874762 rgb(135,71,98)
```
#8f3f60
```
#8f3f60 rgb(143,63,96)
```
#97375f
```
#97375f rgb(151,55,95)
```
#9f2f5e
```
#9f2f5e rgb(159,47,94)
```
#a7275c
```
#a7275c rgb(167,39,92)
```
#af1f5b
```
#af1f5b rgb(175,31,91)
```
#b7175a
```
#b7175a rgb(183,23,90)
```
#bf0f58
```
#bf0f58 rgb(191,15,88)
```
#c70757
```
#c70757 rgb(199,7,87)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#644753 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d647f Protanopia 1% of men
#726159 Deuteranopia 1% of men
#b03739 Tritanopia 0.001% of the population

Trichromacy

#7b4a72 Protanomaly 1% of men, 0.01% of women
#88495a Deuteranomaly 6% of men, 0.4% of women
#b02e45 Tritanomaly 0.01% of the population

#af1f5b hex color

#af1f5b Color Information

#af1f5b Color Conversion

Color Schemes with #af1f5b

Alternatives to #af1f5b

#af1f5b Preview

Shades and Tints of #af1f5b

Tones of #af1f5b

Color Blindness Simulator