#af0f69 hex color

In a RGB color space, hex #af0f69 is composed of 68.6% red, 5.9% green and 41.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.4% magenta, 40% yellow and 31.4% black. It has a hue angle of 326.3 degrees, a saturation of 84.2% and a lightness of 37.3%. #af0f69 color hex could be obtained by blending #ff1ed2 with #5f0000. Closest websafe color is: #990066.

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

● #af0f69 color description : Dark pink.

The hexadecimal color #af0f69 has RGB values of R:175, G:15, B:105 and CMYK values of C:0, M:0.91, Y:0.4, K:0.31. Its decimal value is 11472745.

Hex triplet	af0f69	`#af0f69`
RGB Decimal	175, 15, 105	`rgb(175,15,105)`
RGB Percent	68.6, 5.9, 41.2	`rgb(68.6%,5.9%,41.2%)`
CMYK	0, 91, 40, 31
HSL	326.3°, 84.2, 37.3	`hsl(326.3,84.2%,37.3%)`
HSV (or HSB)	326.3°, 91.4, 68.6
Web Safe	990066	`#990066`

CIE-LAB	38.686, 63.649, -7.403
XYZ	20.4, 10.478, 14.312
xyY	0.451, 0.232, 10.478
CIE-LCH	38.686, 64.078, 353.366
CIE-LUV	38.686, 86.619, -20.458
Hunter-Lab	32.369, 55.851, -3.556
Binary	10101111, 00001111, 01101001

#af0f69
```
#af0f69 rgb(175,15,105)
```
#0faf55
```
#0faf55 rgb(15,175,85)
```

Complementary Color

#a50faf
```
#a50faf rgb(165,15,175)
```
#af0f69
```
#af0f69 rgb(175,15,105)
```
#af0f19
```
#af0f19 rgb(175,15,25)
```

Analogous Color

#0fafa5
```
#0fafa5 rgb(15,175,165)
```
#af0f69
```
#af0f69 rgb(175,15,105)
```
#19af0f
```
#19af0f rgb(25,175,15)
```

Split Complementary Color

#0f69af
```
#0f69af rgb(15,105,175)
```
#af0f69
```
#af0f69 rgb(175,15,105)
```
#69af0f
```
#69af0f rgb(105,175,15)
```

Triadic Color

#550faf
```
#550faf rgb(85,15,175)
```
#af0f69
```
#af0f69 rgb(175,15,105)
```
#69af0f
```
#69af0f rgb(105,175,15)
```
#0faf55
```
#0faf55 rgb(15,175,85)
```

Tetradic Color

#69093f
```
#69093f rgb(105,9,63)
```
#800b4d
```
#800b4d rgb(128,11,77)
```
#980d5b
```
#980d5b rgb(152,13,91)
```
#af0f69
```
#af0f69 rgb(175,15,105)
```
#c61177
```
#c61177 rgb(198,17,119)
```
#de1385
```
#de1385 rgb(222,19,133)
```
#ec1f92
```
#ec1f92 rgb(236,31,146)
```

Monochromatic Color

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

#af0f91
```
#af0f91 rgb(175,15,145)
```
#af0f84
```
#af0f84 rgb(175,15,132)
```
#af0f76
```
#af0f76 rgb(175,15,118)
```
#af0f69
```
#af0f69 rgb(175,15,105)
```
#af0f5c
```
#af0f5c rgb(175,15,92)
```
#af0f4e
```
#af0f4e rgb(175,15,78)
```
#af0f41
```
#af0f41 rgb(175,15,65)
```

Similar Colors

Text with hexadecimal color #af0f69

This text has a font color of #af0f69.

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

#af0f69 background color

This paragraph has a background color of #af0f69.

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

#af0f69 border color

This element has a border color of #af0f69.

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

CSS codes

.text {color:#af0f69;}

.background {background-color:#af0f69;}

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

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, #0c0107 is the darkest color, while #fff9fc is the lightest one.

#0c0107
```
#0c0107 rgb(12,1,7)
```
#1e0312
```
#1e0312 rgb(30,3,18)
```
#31041d
```
#31041d rgb(49,4,29)
```
#430628
```
#430628 rgb(67,6,40)
```
#550733
```
#550733 rgb(85,7,51)
```
#67093e
```
#67093e rgb(103,9,62)
```
#790a48
```
#790a48 rgb(121,10,72)
```
#8b0c53
```
#8b0c53 rgb(139,12,83)
```
#9d0d5e
```
#9d0d5e rgb(157,13,94)
```
#af0f69
```
#af0f69 rgb(175,15,105)
```
#c11174
```
#c11174 rgb(193,17,116)
```
#d3127f
```
#d3127f rgb(211,18,127)
```
#e5148a
```
#e5148a rgb(229,20,138)
```

Shade Color Variation

#ec2193
```
#ec2193 rgb(236,33,147)
```
#ed339c
```
#ed339c rgb(237,51,156)
```
#ef45a4
```
#ef45a4 rgb(239,69,164)
```
#f157ad
```
#f157ad rgb(241,87,173)
```
#f269b6
```
#f269b6 rgb(242,105,182)
```
#f47bbf
```
#f47bbf rgb(244,123,191)
```
#f58dc8
```
#f58dc8 rgb(245,141,200)
```
#f79fd0
```
#f79fd0 rgb(247,159,208)
```
#f8b1d9
```
#f8b1d9 rgb(248,177,217)
```
#fac3e2
```
#fac3e2 rgb(250,195,226)
```
#fbd5eb
```
#fbd5eb rgb(251,213,235)
```
#fde7f3
```
#fde7f3 rgb(253,231,243)
```
#fff9fc
```
#fff9fc rgb(255,249,252)
```

Tint Color Variation

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

#665860
```
#665860 rgb(102,88,96)
```
#6d5161
```
#6d5161 rgb(109,81,97)
```
#754962
```
#754962 rgb(117,73,98)
```
#7c4263
```
#7c4263 rgb(124,66,99)
```
#833b64
```
#833b64 rgb(131,59,100)
```
#8a3464
```
#8a3464 rgb(138,52,100)
```
#922c65
```
#922c65 rgb(146,44,101)
```
#992566
```
#992566 rgb(153,37,102)
```
#a01e67
```
#a01e67 rgb(160,30,103)
```
#a81668
```
#a81668 rgb(168,22,104)
```
#af0f69
```
#af0f69 rgb(175,15,105)
```
#b6086a
```
#b6086a rgb(182,8,106)
```
#be006b
```
#be006b rgb(190,0,107)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#5d3d4f Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f6194 Protanopia 1% of men
#6b6065 Deuteranopia 1% of men
#af3436 Tritanopia 0.001% of the population

Trichromacy

#724384 Protanomaly 1% of men, 0.01% of women
#844366 Deuteranomaly 6% of men, 0.4% of women
#af2648 Tritanomaly 0.01% of the population

#af0f69 hex color

#af0f69 Color Information

#af0f69 Color Conversion

Color Schemes with #af0f69

Alternatives to #af0f69

#af0f69 Preview

Shades and Tints of #af0f69

Tones of #af0f69

Color Blindness Simulator