#af98cc hex color

In a RGB color space, hex #af98cc is composed of 68.6% red, 59.6% green and 80% blue. Whereas in a CMYK color space, it is composed of 14.2% cyan, 25.5% magenta, 0% yellow and 20% black. It has a hue angle of 266.5 degrees, a saturation of 33.8% and a lightness of 69.8%. #af98cc color hex could be obtained by blending #ffffff with #5f3199. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 69
- G 60
- B 80
RGB color chart
- C 14
- M 25
- Y 0
- K 20
CMYK color chart

● #af98cc color description : Slightly desaturated violet.

The hexadecimal color #af98cc has RGB values of R:175, G:152, B:204 and CMYK values of C:0.14, M:0.25, Y:0, K:0.2. Its decimal value is 11507916.

Hex triplet	af98cc	`#af98cc`
RGB Decimal	175, 152, 204	`rgb(175,152,204)`
RGB Percent	68.6, 59.6, 80	`rgb(68.6%,59.6%,80%)`
CMYK	14, 25, 0, 20
HSL	266.5°, 33.8, 69.8	`hsl(266.5,33.8%,69.8%)`
HSV (or HSB)	266.5°, 25.5, 80
Web Safe	9999cc	`#9999cc`

CIE-LAB	66.467, 18.624, -23.553
XYZ	39.805, 35.93, 61.962
xyY	0.289, 0.261, 35.93
CIE-LCH	66.467, 30.026, 308.335
CIE-LUV	66.467, 8.974, -39.255
Hunter-Lab	59.942, 13.636, -19.329
Binary	10101111, 10011000, 11001100

#af98cc
```
#af98cc rgb(175,152,204)
```
#b5cc98
```
#b5cc98 rgb(181,204,152)
```

Complementary Color

#989bcc
```
#989bcc rgb(152,155,204)
```
#af98cc
```
#af98cc rgb(175,152,204)
```
#c998cc
```
#c998cc rgb(201,152,204)
```

Analogous Color

#9bcc98
```
#9bcc98 rgb(155,204,152)
```
#af98cc
```
#af98cc rgb(175,152,204)
```
#ccc998
```
#ccc998 rgb(204,201,152)
```

Split Complementary Color

#98ccaf
```
#98ccaf rgb(152,204,175)
```
#af98cc
```
#af98cc rgb(175,152,204)
```
#ccaf98
```
#ccaf98 rgb(204,175,152)
```

Triadic Color

#98b5cc
```
#98b5cc rgb(152,181,204)
```
#af98cc
```
#af98cc rgb(175,152,204)
```
#ccaf98
```
#ccaf98 rgb(204,175,152)
```
#b5cc98
```
#b5cc98 rgb(181,204,152)
```

Tetradic Color

#8765b3
```
#8765b3 rgb(135,101,179)
```
#9576bb
```
#9576bb rgb(149,118,187)
```
#a287c4
```
#a287c4 rgb(162,135,196)
```
#af98cc
```
#af98cc rgb(175,152,204)
```
#bca9d4
```
#bca9d4 rgb(188,169,212)
```
#c9badd
```
#c9badd rgb(201,186,221)
```
#d7cbe5
```
#d7cbe5 rgb(215,203,229)
```

Monochromatic Color

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

#a298cc
```
#a298cc rgb(162,152,204)
```
#a698cc
```
#a698cc rgb(166,152,204)
```
#ab98cc
```
#ab98cc rgb(171,152,204)
```
#af98cc
```
#af98cc rgb(175,152,204)
```
#b398cc
```
#b398cc rgb(179,152,204)
```
#b898cc
```
#b898cc rgb(184,152,204)
```
#bc98cc
```
#bc98cc rgb(188,152,204)
```

Similar Colors

Text with hexadecimal color #af98cc

This text has a font color of #af98cc.

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

#af98cc background color

This paragraph has a background color of #af98cc.

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

#af98cc border color

This element has a border color of #af98cc.

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

CSS codes

.text {color:#af98cc;}

.background {background-color:#af98cc;}

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

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

#010102
```
#010102 rgb(1,1,2)
```
#0b070f
```
#0b070f rgb(11,7,15)
```
#140e1c
```
#140e1c rgb(20,14,28)
```
#1e1429
```
#1e1429 rgb(30,20,41)
```
#271b36
```
#271b36 rgb(39,27,54)
```
#312144
```
#312144 rgb(49,33,68)
```
#3a2851
```
#3a2851 rgb(58,40,81)
```
#432e5e
```
#432e5e rgb(67,46,94)
```
#4d356b
```
#4d356b rgb(77,53,107)
```
#563b78
```
#563b78 rgb(86,59,120)
```
#604285
```
#604285 rgb(96,66,133)
```
#694892
```
#694892 rgb(105,72,146)
```
#734f9f
```
#734f9f rgb(115,79,159)
```

Shade Color Variation

#7c56ac
```
#7c56ac rgb(124,86,172)
```
#8664b2
```
#8664b2 rgb(134,100,178)
```
#9071b9
```
#9071b9 rgb(144,113,185)
```
#9b7ebf
```
#9b7ebf rgb(155,126,191)
```
#a58bc6
```
#a58bc6 rgb(165,139,198)
```
#af98cc
```
#af98cc rgb(175,152,204)
```
#b9a5d2
```
#b9a5d2 rgb(185,165,210)
```
#c3b2d9
```
#c3b2d9 rgb(195,178,217)
```
#cebfdf
```
#cebfdf rgb(206,191,223)
```
#d8cce6
```
#d8cce6 rgb(216,204,230)
```
#e2daec
```
#e2daec rgb(226,218,236)
```
#ece7f3
```
#ece7f3 rgb(236,231,243)
```
#f6f4f9
```
#f6f4f9 rgb(246,244,249)
```

Tint Color Variation

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

#b2b0b4
```
#b2b0b4 rgb(178,176,180)
```
#b1aaba
```
#b1aaba rgb(177,170,186)
```
#b0a4c0
```
#b0a4c0 rgb(176,164,192)
```
#b09ec6
```
#b09ec6 rgb(176,158,198)
```
#af98cc
```
#af98cc rgb(175,152,204)
```
#ae92d2
```
#ae92d2 rgb(174,146,210)
```
#ae8cd8
```
#ae8cd8 rgb(174,140,216)
```
#ad86de
```
#ad86de rgb(173,134,222)
```
#ac80e4
```
#ac80e4 rgb(172,128,228)
```
#ac7aea
```
#ac7aea rgb(172,122,234)
```
#ab74f0
```
#ab74f0 rgb(171,116,240)
```
#aa6ff5
```
#aa6ff5 rgb(170,111,245)
```
#aa69fb
```
#aa69fb rgb(170,105,251)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#a7a2ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#99a4d3 Protanopia 1% of men
#a1a3cc Deuteranopia 1% of men
#aca3af Tritanopia 0.001% of the population

Trichromacy

#a1a0d0 Protanomaly 1% of men, 0.01% of women
#a69fcc Deuteranomaly 6% of men, 0.4% of women
#ad9fb9 Tritanomaly 0.01% of the population

#af98cc hex color

#af98cc Color Information

#af98cc Color Conversion

Color Schemes with #af98cc

Alternatives to #af98cc

#af98cc Preview

Shades and Tints of #af98cc

Tones of #af98cc

Color Blindness Simulator