#af69b4 hex color

In a RGB color space, hex #af69b4 is composed of 68.6% red, 41.2% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 2.8% cyan, 41.7% magenta, 0% yellow and 29.4% black. It has a hue angle of 296 degrees, a saturation of 33.3% and a lightness of 55.9%. #af69b4 color hex could be obtained by blending #ffd2ff with #5f0069. 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

● #af69b4 color description : Slightly desaturated magenta.

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

Hex triplet	af69b4	`#af69b4`
RGB Decimal	175, 105, 180	`rgb(175,105,180)`
RGB Percent	68.6, 41.2, 70.6	`rgb(68.6%,41.2%,70.6%)`
CMYK	3, 42, 0, 29
HSL	296°, 33.3, 55.9	`hsl(296,33.3%,55.9%)`
HSV (or HSB)	296°, 41.7, 70.6
Web Safe	9966cc	`#9966cc`

CIE-LAB	54.568, 39.884, -28.285
XYZ	30.968, 22.514, 45.892
xyY	0.312, 0.227, 22.514
CIE-LCH	54.568, 48.896, 324.657
CIE-LUV	54.568, 33.199, -48.36
Hunter-Lab	47.448, 33.466, -24.131
Binary	10101111, 01101001, 10110100

#af69b4
```
#af69b4 rgb(175,105,180)
```
#6eb469
```
#6eb469 rgb(110,180,105)
```

Complementary Color

#8a69b4
```
#8a69b4 rgb(138,105,180)
```
#af69b4
```
#af69b4 rgb(175,105,180)
```
#b46994
```
#b46994 rgb(180,105,148)
```

Analogous Color

#69b48a
```
#69b48a rgb(105,180,138)
```
#af69b4
```
#af69b4 rgb(175,105,180)
```
#94b469
```
#94b469 rgb(148,180,105)
```

Split Complementary Color

#69b4af
```
#69b4af rgb(105,180,175)
```
#af69b4
```
#af69b4 rgb(175,105,180)
```
#b4af69
```
#b4af69 rgb(180,175,105)
```

Triadic Color

#696eb4
```
#696eb4 rgb(105,110,180)
```
#af69b4
```
#af69b4 rgb(175,105,180)
```
#b4af69
```
#b4af69 rgb(180,175,105)
```
#6eb469
```
#6eb469 rgb(110,180,105)
```

Tetradic Color

#86468b
```
#86468b rgb(134,70,139)
```
#974e9c
```
#974e9c rgb(151,78,156)
```
#a658ac
```
#a658ac rgb(166,88,172)
```
#af69b4
```
#af69b4 rgb(175,105,180)
```
#b87abd
```
#b87abd rgb(184,122,189)
```
#c18bc5
```
#c18bc5 rgb(193,139,197)
```
#ca9cce
```
#ca9cce rgb(202,156,206)
```

Monochromatic Color

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

#9c69b4
```
#9c69b4 rgb(156,105,180)
```
#a369b4
```
#a369b4 rgb(163,105,180)
```
#a969b4
```
#a969b4 rgb(169,105,180)
```
#af69b4
```
#af69b4 rgb(175,105,180)
```
#b469b3
```
#b469b3 rgb(180,105,179)
```
#b469ad
```
#b469ad rgb(180,105,173)
```
#b469a6
```
#b469a6 rgb(180,105,166)
```

Similar Colors

Text with hexadecimal color #af69b4

This text has a font color of #af69b4.

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

#af69b4 background color

This paragraph has a background color of #af69b4.

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

#af69b4 border color

This element has a border color of #af69b4.

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

CSS codes

.text {color:#af69b4;}

.background {background-color:#af69b4;}

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

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

#070307
```
#070307 rgb(7,3,7)
```
#130a14
```
#130a14 rgb(19,10,20)
```
#201121
```
#201121 rgb(32,17,33)
```
#2d172e
```
#2d172e rgb(45,23,46)
```
#391e3b
```
#391e3b rgb(57,30,59)
```
#462448
```
#462448 rgb(70,36,72)
```
#532b55
```
#532b55 rgb(83,43,85)
```
#5f3162
```
#5f3162 rgb(95,49,98)
```
#6c3870
```
#6c3870 rgb(108,56,112)
```
#783e7d
```
#783e7d rgb(120,62,125)
```
#85458a
```
#85458a rgb(133,69,138)
```
#924b97
```
#924b97 rgb(146,75,151)
```
#9e52a4
```
#9e52a4 rgb(158,82,164)
```

Shade Color Variation

#a85cad
```
#a85cad rgb(168,92,173)
```
#af69b4
```
#af69b4 rgb(175,105,180)
```
#b676bb
```
#b676bb rgb(182,118,187)
```
#bd83c1
```
#bd83c1 rgb(189,131,193)
```
#c490c8
```
#c490c8 rgb(196,144,200)
```
#cb9dce
```
#cb9dce rgb(203,157,206)
```
#d2aad5
```
#d2aad5 rgb(210,170,213)
```
#d9b7db
```
#d9b7db rgb(217,183,219)
```
#e0c5e2
```
#e0c5e2 rgb(224,197,226)
```
#e7d2e8
```
#e7d2e8 rgb(231,210,232)
```
#eedfef
```
#eedfef rgb(238,223,239)
```
#f5ecf5
```
#f5ecf5 rgb(245,236,245)
```
#fcf9fc
```
#fcf9fc rgb(252,249,252)
```

Tint Color Variation

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

#918c91
```
#918c91 rgb(145,140,145)
```
#99839a
```
#99839a rgb(153,131,154)
```
#a07aa3
```
#a07aa3 rgb(160,122,163)
```
#a872ab
```
#a872ab rgb(168,114,171)
```
#af69b4
```
#af69b4 rgb(175,105,180)
```
#b760bd
```
#b760bd rgb(183,96,189)
```
#be58c5
```
#be58c5 rgb(190,88,197)
```
#c64fce
```
#c64fce rgb(198,79,206)
```
#cd46d7
```
#cd46d7 rgb(205,70,215)
```
#d53edf
```
#d53edf rgb(213,62,223)
```
#dc35e8
```
#dc35e8 rgb(220,53,232)
```
#e42cf1
```
#e42cf1 rgb(228,44,241)
```
#eb24f9
```
#eb24f9 rgb(235,36,249)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#8e808f Atypical Achromatopsia 0.001% of the population

Dichromacy

#7086c7 Protanopia 1% of men
#7e87b1 Deuteranopia 1% of men
#ab7c85 Tritanopia 0.001% of the population

Trichromacy

#877cc0 Protanomaly 1% of men, 0.01% of women
#907cb2 Deuteranomaly 6% of men, 0.4% of women
#ac7596 Tritanomaly 0.01% of the population

#af69b4 hex color

#af69b4 Color Information

#af69b4 Color Conversion

Color Schemes with #af69b4

Alternatives to #af69b4

#af69b4 Preview

Shades and Tints of #af69b4

Tones of #af69b4

Color Blindness Simulator