#af69b5 hex color

In a RGB color space, hex #af69b5 is composed of 68.6% red, 41.2% green and 71% blue. Whereas in a CMYK color space, it is composed of 3.3% cyan, 42% magenta, 0% yellow and 29% black. It has a hue angle of 295.3 degrees, a saturation of 33.9% and a lightness of 56.1%. #af69b5 color hex could be obtained by blending #ffd2ff with #5f006b. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 69
- G 41
- B 71
RGB color chart
- C 3
- M 42
- Y 0
- K 29
CMYK color chart

● #af69b5 color description : Slightly desaturated magenta.

The hexadecimal color #af69b5 has RGB values of R:175, G:105, B:181 and CMYK values of C:0.03, M:0.42, Y:0, K:0.29. Its decimal value is 11495861.

Hex triplet	af69b5	`#af69b5`
RGB Decimal	175, 105, 181	`rgb(175,105,181)`
RGB Percent	68.6, 41.2, 71	`rgb(68.6%,41.2%,71%)`
CMYK	3, 42, 0, 29
HSL	295.3°, 33.9, 56.1	`hsl(295.3,33.9%,56.1%)`
HSV (or HSB)	295.3°, 42, 71
Web Safe	9966cc	`#9966cc`

CIE-LAB	54.61, 40.079, -28.795
XYZ	31.07, 22.554, 46.43
xyY	0.311, 0.225, 22.554
CIE-LCH	54.61, 49.35, 324.304
CIE-LUV	54.61, 32.999, -49.186
Hunter-Lab	47.492, 33.67, -24.721
Binary	10101111, 01101001, 10110101

#af69b5
```
#af69b5 rgb(175,105,181)
```
#6fb569
```
#6fb569 rgb(111,181,105)
```

Complementary Color

#8969b5
```
#8969b5 rgb(137,105,181)
```
#af69b5
```
#af69b5 rgb(175,105,181)
```
#b56995
```
#b56995 rgb(181,105,149)
```

Analogous Color

#69b589
```
#69b589 rgb(105,181,137)
```
#af69b5
```
#af69b5 rgb(175,105,181)
```
#95b569
```
#95b569 rgb(149,181,105)
```

Split Complementary Color

#69b5af
```
#69b5af rgb(105,181,175)
```
#af69b5
```
#af69b5 rgb(175,105,181)
```
#b5af69
```
#b5af69 rgb(181,175,105)
```

Triadic Color

#696fb5
```
#696fb5 rgb(105,111,181)
```
#af69b5
```
#af69b5 rgb(175,105,181)
```
#b5af69
```
#b5af69 rgb(181,175,105)
```
#6fb569
```
#6fb569 rgb(111,181,105)
```

Tetradic Color

#87458c
```
#87458c rgb(135,69,140)
```
#974e9d
```
#974e9d rgb(151,78,157)
```
#a658ad
```
#a658ad rgb(166,88,173)
```
#af69b5
```
#af69b5 rgb(175,105,181)
```
#b87abd
```
#b87abd rgb(184,122,189)
```
#c18bc6
```
#c18bc6 rgb(193,139,198)
```
#ca9cce
```
#ca9cce rgb(202,156,206)
```

Monochromatic Color

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

#9c69b5
```
#9c69b5 rgb(156,105,181)
```
#a269b5
```
#a269b5 rgb(162,105,181)
```
#a969b5
```
#a969b5 rgb(169,105,181)
```
#af69b5
```
#af69b5 rgb(175,105,181)
```
#b569b5
```
#b569b5 rgb(181,105,181)
```
#b569ae
```
#b569ae rgb(181,105,174)
```
#b569a8
```
#b569a8 rgb(181,105,168)
```

Similar Colors

Text with hexadecimal color #af69b5

This text has a font color of #af69b5.

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

#af69b5 background color

This paragraph has a background color of #af69b5.

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

#af69b5 border color

This element has a border color of #af69b5.

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

CSS codes

.text {color:#af69b5;}

.background {background-color:#af69b5;}

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

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

#070408
```
#070408 rgb(7,4,8)
```
#140a15
```
#140a15 rgb(20,10,21)
```
#211122
```
#211122 rgb(33,17,34)
```
#2d172f
```
#2d172f rgb(45,23,47)
```
#3a1e3c
```
#3a1e3c rgb(58,30,60)
```
#462449
```
#462449 rgb(70,36,73)
```
#532b56
```
#532b56 rgb(83,43,86)
```
#603164
```
#603164 rgb(96,49,100)
```
#6c3871
```
#6c3871 rgb(108,56,113)
```
#793e7e
```
#793e7e rgb(121,62,126)
```
#85458b
```
#85458b rgb(133,69,139)
```
#924b98
```
#924b98 rgb(146,75,152)
```
#9f52a5
```
#9f52a5 rgb(159,82,165)
```

Shade Color Variation

#a85caf
```
#a85caf rgb(168,92,175)
```
#af69b5
```
#af69b5 rgb(175,105,181)
```
#b676bb
```
#b676bb rgb(182,118,187)
```
#bd83c2
```
#bd83c2 rgb(189,131,194)
```
#c490c8
```
#c490c8 rgb(196,144,200)
```
#cb9ecf
```
#cb9ecf rgb(203,158,207)
```
#d2abd5
```
#d2abd5 rgb(210,171,213)
```
#d9b8dc
```
#d9b8dc rgb(217,184,220)
```
#e0c5e2
```
#e0c5e2 rgb(224,197,226)
```
#e7d2e9
```
#e7d2e9 rgb(231,210,233)
```
#eedfef
```
#eedfef rgb(238,223,239)
```
#f5ecf6
```
#f5ecf6 rgb(245,236,246)
```
#fcf9fc
```
#fcf9fc rgb(252,249,252)
```

Tint Color Variation

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

#928b93
```
#928b93 rgb(146,139,147)
```
#99839b
```
#99839b rgb(153,131,155)
```
#a07aa4
```
#a07aa4 rgb(160,122,164)
```
#a872ac
```
#a872ac rgb(168,114,172)
```
#af69b5
```
#af69b5 rgb(175,105,181)
```
#b660be
```
#b660be rgb(182,96,190)
```
#be58c6
```
#be58c6 rgb(190,88,198)
```
#c54fcf
```
#c54fcf rgb(197,79,207)
```
#cc47d7
```
#cc47d7 rgb(204,71,215)
```
#d33ee0
```
#d33ee0 rgb(211,62,224)
```
#db35e9
```
#db35e9 rgb(219,53,233)
```
#e22df1
```
#e22df1 rgb(226,45,241)
```
#e924fa
```
#e924fa rgb(233,36,250)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#8f8190 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7086c8 Protanopia 1% of men
#7d87b1 Deuteranopia 1% of men
#ab7c85 Tritanopia 0.001% of the population

Trichromacy

#877cc1 Protanomaly 1% of men, 0.01% of women
#8f7cb3 Deuteranomaly 6% of men, 0.4% of women
#ac7596 Tritanomaly 0.01% of the population

#af69b5 hex color

#af69b5 Color Information

#af69b5 Color Conversion

Color Schemes with #af69b5

Alternatives to #af69b5

#af69b5 Preview

Shades and Tints of #af69b5

Tones of #af69b5

Color Blindness Simulator