#af66b8 hex color

In a RGB color space, hex #af66b8 is composed of 68.6% red, 40% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 4.9% cyan, 44.6% magenta, 0% yellow and 27.8% black. It has a hue angle of 293.4 degrees, a saturation of 36.6% and a lightness of 56.1%. #af66b8 color hex could be obtained by blending #ffccff with #5f0071. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 69
- G 40
- B 72
RGB color chart
- C 5
- M 45
- Y 0
- K 28
CMYK color chart

● #af66b8 color description : Slightly desaturated magenta.

The hexadecimal color #af66b8 has RGB values of R:175, G:102, B:184 and CMYK values of C:0.05, M:0.45, Y:0, K:0.28. Its decimal value is 11495096.

Hex triplet	af66b8	`#af66b8`
RGB Decimal	175, 102, 184	`rgb(175,102,184)`
RGB Percent	68.6, 40, 72.2	`rgb(68.6%,40%,72.2%)`
CMYK	5, 45, 0, 28
HSL	293.4°, 36.6, 56.1	`hsl(293.4,36.6%,56.1%)`
HSV (or HSB)	293.4°, 44.6, 72.2
Web Safe	9966cc	`#9966cc`

CIE-LAB	54.11, 42.275, -31.303
XYZ	31.081, 22.079, 47.969
xyY	0.307, 0.218, 22.079
CIE-LCH	54.11, 52.603, 323.482
CIE-LUV	54.11, 33.611, -53.295
Hunter-Lab	46.988, 35.845, -27.637
Binary	10101111, 01100110, 10111000

#af66b8
```
#af66b8 rgb(175,102,184)
```
#6fb866
```
#6fb866 rgb(111,184,102)
```

Complementary Color

#8666b8
```
#8666b8 rgb(134,102,184)
```
#af66b8
```
#af66b8 rgb(175,102,184)
```
#b86698
```
#b86698 rgb(184,102,152)
```

Analogous Color

#66b886
```
#66b886 rgb(102,184,134)
```
#af66b8
```
#af66b8 rgb(175,102,184)
```
#98b866
```
#98b866 rgb(152,184,102)
```

Split Complementary Color

#66b8af
```
#66b8af rgb(102,184,175)
```
#af66b8
```
#af66b8 rgb(175,102,184)
```
#b8af66
```
#b8af66 rgb(184,175,102)
```

Triadic Color

#666fb8
```
#666fb8 rgb(102,111,184)
```
#af66b8
```
#af66b8 rgb(175,102,184)
```
#b8af66
```
#b8af66 rgb(184,175,102)
```
#6fb866
```
#6fb866 rgb(111,184,102)
```

Tetradic Color

#87428f
```
#87428f rgb(135,66,143)
```
#974aa1
```
#974aa1 rgb(151,74,161)
```
#a655b0
```
#a655b0 rgb(166,85,176)
```
#af66b8
```
#af66b8 rgb(175,102,184)
```
#b877c0
```
#b877c0 rgb(184,119,192)
```
#c189c8
```
#c189c8 rgb(193,137,200)
```
#ca9ad0
```
#ca9ad0 rgb(202,154,208)
```

Monochromatic Color

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

#9b66b8
```
#9b66b8 rgb(155,102,184)
```
#a166b8
```
#a166b8 rgb(161,102,184)
```
#a866b8
```
#a866b8 rgb(168,102,184)
```
#af66b8
```
#af66b8 rgb(175,102,184)
```
#b666b8
```
#b666b8 rgb(182,102,184)
```
#b866b3
```
#b866b3 rgb(184,102,179)
```
#b866ad
```
#b866ad rgb(184,102,173)
```

Similar Colors

Text with hexadecimal color #af66b8

This text has a font color of #af66b8.

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

#af66b8 background color

This paragraph has a background color of #af66b8.

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

#af66b8 border color

This element has a border color of #af66b8.

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

CSS codes

.text {color:#af66b8;}

.background {background-color:#af66b8;}

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

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)
```
#211023
```
#211023 rgb(33,16,35)
```
#2d1630
```
#2d1630 rgb(45,22,48)
```
#3a1c3d
```
#3a1c3d rgb(58,28,61)
```
#46234b
```
#46234b rgb(70,35,75)
```
#532958
```
#532958 rgb(83,41,88)
```
#602f66
```
#602f66 rgb(96,47,102)
```
#6c3573
```
#6c3573 rgb(108,53,115)
```
#793c80
```
#793c80 rgb(121,60,128)
```
#85428e
```
#85428e rgb(133,66,142)
```
#92489b
```
#92489b rgb(146,72,155)
```
#9f4ea9
```
#9f4ea9 rgb(159,78,169)
```

Shade Color Variation

#a859b2
```
#a859b2 rgb(168,89,178)
```
#af66b8
```
#af66b8 rgb(175,102,184)
```
#b673be
```
#b673be rgb(182,115,190)
```
#bd81c4
```
#bd81c4 rgb(189,129,196)
```
#c48ecb
```
#c48ecb rgb(196,142,203)
```
#cb9cd1
```
#cb9cd1 rgb(203,156,209)
```
#d2a9d7
```
#d2a9d7 rgb(210,169,215)
```
#d9b6dd
```
#d9b6dd rgb(217,182,221)
```
#e0c4e4
```
#e0c4e4 rgb(224,196,228)
```
#e7d1ea
```
#e7d1ea rgb(231,209,234)
```
#eedff0
```
#eedff0 rgb(238,223,240)
```
#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, #948896 is the less saturated color, while #e521fd is the most saturated one.

#948896
```
#948896 rgb(148,136,150)
```
#9b809e
```
#9b809e rgb(155,128,158)
```
#a277a7
```
#a277a7 rgb(162,119,167)
```
#a86faf
```
#a86faf rgb(168,111,175)
```
#af66b8
```
#af66b8 rgb(175,102,184)
```
#b65dc1
```
#b65dc1 rgb(182,93,193)
```
#bc55c9
```
#bc55c9 rgb(188,85,201)
```
#c34cd2
```
#c34cd2 rgb(195,76,210)
```
#ca44da
```
#ca44da rgb(202,68,218)
```
#d13be3
```
#d13be3 rgb(209,59,227)
```
#d732ec
```
#d732ec rgb(215,50,236)
```
#de2af4
```
#de2af4 rgb(222,42,244)
```
#e521fd
```
#e521fd rgb(229,33,253)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#8d7f8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b85cc Protanopia 1% of men
#7986b4 Deuteranopia 1% of men
#aa7b83 Tritanopia 0.001% of the population

Trichromacy

#837ac5 Protanomaly 1% of men, 0.01% of women
#8d7ab5 Deuteranomaly 6% of men, 0.4% of women
#ac7396 Tritanomaly 0.01% of the population

#af66b8 hex color

#af66b8 Color Information

#af66b8 Color Conversion

Color Schemes with #af66b8

Alternatives to #af66b8

#af66b8 Preview

Shades and Tints of #af66b8

Tones of #af66b8

Color Blindness Simulator