#af60bc hex color

In a RGB color space, hex #af60bc is composed of 68.6% red, 37.6% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 6.9% cyan, 48.9% magenta, 0% yellow and 26.3% black. It has a hue angle of 291.5 degrees, a saturation of 40.7% and a lightness of 55.7%. #af60bc color hex could be obtained by blending #ffc0ff with #5f0079. 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

● #af60bc color description : Slightly desaturated magenta.

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

Hex triplet	af60bc	`#af60bc`
RGB Decimal	175, 96, 188	`rgb(175,96,188)`
RGB Percent	68.6, 37.6, 73.7	`rgb(68.6%,37.6%,73.7%)`
CMYK	7, 49, 0, 26
HSL	291.5°, 40.7, 55.7	`hsl(291.5,40.7%,55.7%)`
HSV (or HSB)	291.5°, 48.9, 73.7
Web Safe	9966cc	`#9966cc`

CIE-LAB	53.072, 46.222, -35.231
XYZ	30.938, 21.112, 50.02
xyY	0.303, 0.207, 21.112
CIE-LCH	53.072, 58.119, 322.685
CIE-LUV	53.072, 35.064, -59.712
Hunter-Lab	45.948, 39.782, -32.381
Binary	10101111, 01100000, 10111100

#af60bc
```
#af60bc rgb(175,96,188)
```
#6dbc60
```
#6dbc60 rgb(109,188,96)
```

Complementary Color

#8160bc
```
#8160bc rgb(129,96,188)
```
#af60bc
```
#af60bc rgb(175,96,188)
```
#bc609b
```
#bc609b rgb(188,96,155)
```

Analogous Color

#60bc81
```
#60bc81 rgb(96,188,129)
```
#af60bc
```
#af60bc rgb(175,96,188)
```
#9bbc60
```
#9bbc60 rgb(155,188,96)
```

Split Complementary Color

#60bcaf
```
#60bcaf rgb(96,188,175)
```
#af60bc
```
#af60bc rgb(175,96,188)
```
#bcaf60
```
#bcaf60 rgb(188,175,96)
```

Triadic Color

#606dbc
```
#606dbc rgb(96,109,188)
```
#af60bc
```
#af60bc rgb(175,96,188)
```
#bcaf60
```
#bcaf60 rgb(188,175,96)
```
#6dbc60
```
#6dbc60 rgb(109,188,96)
```

Tetradic Color

#863e92
```
#863e92 rgb(134,62,146)
```
#9745a4
```
#9745a4 rgb(151,69,164)
```
#a64eb4
```
#a64eb4 rgb(166,78,180)
```
#af60bc
```
#af60bc rgb(175,96,188)
```
#b872c4
```
#b872c4 rgb(184,114,196)
```
#c184cb
```
#c184cb rgb(193,132,203)
```
#ca96d3
```
#ca96d3 rgb(202,150,211)
```

Monochromatic Color

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

#9860bc
```
#9860bc rgb(152,96,188)
```
#a060bc
```
#a060bc rgb(160,96,188)
```
#a760bc
```
#a760bc rgb(167,96,188)
```
#af60bc
```
#af60bc rgb(175,96,188)
```
#b760bc
```
#b760bc rgb(183,96,188)
```
#bc60ba
```
#bc60ba rgb(188,96,186)
```
#bc60b2
```
#bc60b2 rgb(188,96,178)
```

Similar Colors

Text with hexadecimal color #af60bc

This text has a font color of #af60bc.

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

#af60bc background color

This paragraph has a background color of #af60bc.

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

#af60bc border color

This element has a border color of #af60bc.

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

CSS codes

.text {color:#af60bc;}

.background {background-color:#af60bc;}

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

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

#060307
```
#060307 rgb(6,3,7)
```
#130914
```
#130914 rgb(19,9,20)
```
#1f0e22
```
#1f0e22 rgb(31,14,34)
```
#2c1430
```
#2c1430 rgb(44,20,48)
```
#391a3e
```
#391a3e rgb(57,26,62)
```
#45204c
```
#45204c rgb(69,32,76)
```
#522659
```
#522659 rgb(82,38,89)
```
#5f2b67
```
#5f2b67 rgb(95,43,103)
```
#6b3175
```
#6b3175 rgb(107,49,117)
```
#783783
```
#783783 rgb(120,55,131)
```
#853d91
```
#853d91 rgb(133,61,145)
```
#91439e
```
#91439e rgb(145,67,158)
```
#9e49ac
```
#9e49ac rgb(158,73,172)
```

Shade Color Variation

#a852b6
```
#a852b6 rgb(168,82,182)
```
#af60bc
```
#af60bc rgb(175,96,188)
```
#b66ec2
```
#b66ec2 rgb(182,110,194)
```
#bd7cc8
```
#bd7cc8 rgb(189,124,200)
```
#c489cd
```
#c489cd rgb(196,137,205)
```
#cb97d3
```
#cb97d3 rgb(203,151,211)
```
#d2a5d9
```
#d2a5d9 rgb(210,165,217)
```
#d9b3df
```
#d9b3df rgb(217,179,223)
```
#e0c1e5
```
#e0c1e5 rgb(224,193,229)
```
#e7ceeb
```
#e7ceeb rgb(231,206,235)
```
#eddcf0
```
#eddcf0 rgb(237,220,240)
```
#f4eaf6
```
#f4eaf6 rgb(244,234,246)
```
#fbf8fc
```
#fbf8fc rgb(251,248,252)
```

Tint Color Variation

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

#908b91
```
#908b91 rgb(144,139,145)
```
#968399
```
#968399 rgb(150,131,153)
```
#9c7aa2
```
#9c7aa2 rgb(156,122,162)
```
#a371ab
```
#a371ab rgb(163,113,171)
```
#a969b3
```
#a969b3 rgb(169,105,179)
```
#af60bc
```
#af60bc rgb(175,96,188)
```
#b557c5
```
#b557c5 rgb(181,87,197)
```
#bb4fcd
```
#bb4fcd rgb(187,79,205)
```
#c246d6
```
#c246d6 rgb(194,70,214)
```
#c83ddf
```
#c83ddf rgb(200,61,223)
```
#ce35e7
```
#ce35e7 rgb(206,53,231)
```
#d42cf0
```
#d42cf0 rgb(212,44,240)
```
#db23f9
```
#db23f9 rgb(219,35,249)
```

Tone Color Variation

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

#6182d3 Protanopia 1% of men
#7284b6 Deuteranopia 1% of men
#a97880 Tritanopia 0.001% of the population

Trichromacy

#7d76ca Protanomaly 1% of men, 0.01% of women
#8877b8 Deuteranomaly 6% of men, 0.4% of women
#ab6f96 Tritanomaly 0.01% of the population

#af60bc hex color

#af60bc Color Information

#af60bc Color Conversion

Color Schemes with #af60bc

Alternatives to #af60bc

#af60bc Preview

Shades and Tints of #af60bc

Tones of #af60bc

Color Blindness Simulator