#af60bd hex color

In a RGB color space, hex #af60bd is composed of 68.6% red, 37.6% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 7.4% cyan, 49.2% magenta, 0% yellow and 25.9% black. It has a hue angle of 291 degrees, a saturation of 41.3% and a lightness of 55.9%. #af60bd color hex could be obtained by blending #ffc0ff with #5f007b. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 69
- G 38
- B 74
RGB color chart
- C 7
- M 49
- Y 0
- K 26
CMYK color chart

● #af60bd color description : Slightly desaturated magenta.

The hexadecimal color #af60bd has RGB values of R:175, G:96, B:189 and CMYK values of C:0.07, M:0.49, Y:0, K:0.26. Its decimal value is 11493565.

Hex triplet	af60bd	`#af60bd`
RGB Decimal	175, 96, 189	`rgb(175,96,189)`
RGB Percent	68.6, 37.6, 74.1	`rgb(68.6%,37.6%,74.1%)`
CMYK	7, 49, 0, 26
HSL	291°, 41.3, 55.9	`hsl(291,41.3%,55.9%)`
HSV (or HSB)	291°, 49.2, 74.1
Web Safe	9966cc	`#9966cc`

CIE-LAB	53.119, 46.42, -35.734
XYZ	31.046, 21.155, 50.589
xyY	0.302, 0.206, 21.155
CIE-LCH	53.119, 58.581, 322.411
CIE-LUV	53.119, 34.846, -60.528
Hunter-Lab	45.995, 39.997, -33.017
Binary	10101111, 01100000, 10111101

#af60bd
```
#af60bd rgb(175,96,189)
```
#6ebd60
```
#6ebd60 rgb(110,189,96)
```

Complementary Color

#8160bd
```
#8160bd rgb(129,96,189)
```
#af60bd
```
#af60bd rgb(175,96,189)
```
#bd609d
```
#bd609d rgb(189,96,157)
```

Analogous Color

#60bd81
```
#60bd81 rgb(96,189,129)
```
#af60bd
```
#af60bd rgb(175,96,189)
```
#9dbd60
```
#9dbd60 rgb(157,189,96)
```

Split Complementary Color

#60bdaf
```
#60bdaf rgb(96,189,175)
```
#af60bd
```
#af60bd rgb(175,96,189)
```
#bdaf60
```
#bdaf60 rgb(189,175,96)
```

Triadic Color

#606ebd
```
#606ebd rgb(96,110,189)
```
#af60bd
```
#af60bd rgb(175,96,189)
```
#bdaf60
```
#bdaf60 rgb(189,175,96)
```
#6ebd60
```
#6ebd60 rgb(110,189,96)
```

Tetradic Color

#863d93
```
#863d93 rgb(134,61,147)
```
#9745a5
```
#9745a5 rgb(151,69,165)
```
#a64eb6
```
#a64eb6 rgb(166,78,182)
```
#af60bd
```
#af60bd rgb(175,96,189)
```
#b872c4
```
#b872c4 rgb(184,114,196)
```
#c184cc
```
#c184cc rgb(193,132,204)
```
#ca96d3
```
#ca96d3 rgb(202,150,211)
```

Monochromatic Color

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

#9860bd
```
#9860bd rgb(152,96,189)
```
#a060bd
```
#a060bd rgb(160,96,189)
```
#a760bd
```
#a760bd rgb(167,96,189)
```
#af60bd
```
#af60bd rgb(175,96,189)
```
#b760bd
```
#b760bd rgb(183,96,189)
```
#bd60bc
```
#bd60bc rgb(189,96,188)
```
#bd60b4
```
#bd60b4 rgb(189,96,180)
```

Similar Colors

Text with hexadecimal color #af60bd

This text has a font color of #af60bd.

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

#af60bd background color

This paragraph has a background color of #af60bd.

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

#af60bd border color

This element has a border color of #af60bd.

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

CSS codes

.text {color:#af60bd;}

.background {background-color:#af60bd;}

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

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 #fcf8fc is the lightest one.

#070307
```
#070307 rgb(7,3,7)
```
#130915
```
#130915 rgb(19,9,21)
```
#200f23
```
#200f23 rgb(32,15,35)
```
#2d1431
```
#2d1431 rgb(45,20,49)
```
#391a3f
```
#391a3f rgb(57,26,63)
```
#46204d
```
#46204d rgb(70,32,77)
```
#53265b
```
#53265b rgb(83,38,91)
```
#5f2b68
```
#5f2b68 rgb(95,43,104)
```
#6c3176
```
#6c3176 rgb(108,49,118)
```
#783784
```
#783784 rgb(120,55,132)
```
#853d92
```
#853d92 rgb(133,61,146)
```
#9242a0
```
#9242a0 rgb(146,66,160)
```
#9e48ae
```
#9e48ae rgb(158,72,174)
```

Shade Color Variation

#a852b7
```
#a852b7 rgb(168,82,183)
```
#af60bd
```
#af60bd rgb(175,96,189)
```
#b66ec3
```
#b66ec3 rgb(182,110,195)
```
#bd7cc9
```
#bd7cc9 rgb(189,124,201)
```
#c48ace
```
#c48ace rgb(196,138,206)
```
#cb97d4
```
#cb97d4 rgb(203,151,212)
```
#d2a5da
```
#d2a5da rgb(210,165,218)
```
#d9b3e0
```
#d9b3e0 rgb(217,179,224)
```
#e0c1e5
```
#e0c1e5 rgb(224,193,229)
```
#e7cfeb
```
#e7cfeb rgb(231,207,235)
```
#eeddf1
```
#eeddf1 rgb(238,221,241)
```
#f5ebf7
```
#f5ebf7 rgb(245,235,247)
```
#fcf8fc
```
#fcf8fc rgb(252,248,252)
```

Tint Color Variation

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

#918b92
```
#918b92 rgb(145,139,146)
```
#97839a
```
#97839a rgb(151,131,154)
```
#9d7aa3
```
#9d7aa3 rgb(157,122,163)
```
#a371ac
```
#a371ac rgb(163,113,172)
```
#a969b4
```
#a969b4 rgb(169,105,180)
```
#af60bd
```
#af60bd rgb(175,96,189)
```
#b557c6
```
#b557c6 rgb(181,87,198)
```
#bb4fce
```
#bb4fce rgb(187,79,206)
```
#c146d7
```
#c146d7 rgb(193,70,215)
```
#c73de0
```
#c73de0 rgb(199,61,224)
```
#cd35e8
```
#cd35e8 rgb(205,53,232)
```
#d32cf1
```
#d32cf1 rgb(211,44,241)
```
#d923fa
```
#d923fa rgb(217,35,250)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#8b7b8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#6082d4 Protanopia 1% of men
#7184b7 Deuteranopia 1% of men
#a97880 Tritanopia 0.001% of the population

Trichromacy

#7d76cb Protanomaly 1% of men, 0.01% of women
#8777b9 Deuteranomaly 6% of men, 0.4% of women
#ab6f96 Tritanomaly 0.01% of the population

#af60bd hex color

#af60bd Color Information

#af60bd Color Conversion

Color Schemes with #af60bd

Alternatives to #af60bd

#af60bd Preview

Shades and Tints of #af60bd

Tones of #af60bd

Color Blindness Simulator