colorhexa.com

#af99bc hex color

In a RGB color space, hex #af99bc is composed of 68.6% red, 60% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 6.9% cyan, 18.6% magenta, 0% yellow and 26.3% black. It has a hue angle of 277.7 degrees, a saturation of 20.7% and a lightness of 66.9%. #af99bc color hex could be obtained by blending #ffffff with #5f3379. Closest websafe color is: #9999cc.

- R 69
- G 60
- B 74
RGB color chart
- C 7
- M 19
- Y 0
- K 26
CMYK color chart

● #af99bc color description : Grayish violet.

The hexadecimal color #af99bc has RGB values of R:175, G:153, B:188 and CMYK values of C:0.07, M:0.19, Y:0, K:0.26. Its decimal value is 11508156.

Hex triplet	af99bc	`#af99bc`
RGB Decimal	175, 153, 188	`rgb(175,153,188)`
RGB Percent	68.6, 60, 73.7	`rgb(68.6%,60%,73.7%)`
CMYK	7, 19, 0, 26
HSL	277.7°, 20.7, 66.9	`hsl(277.7,20.7%,66.9%)`
HSV (or HSB)	277.7°, 18.6, 73.7
Web Safe	9999cc	`#9999cc`

CIE-LAB	66.157, 14.687, -15.102
XYZ	38.146, 35.528, 52.422
xyY	0.303, 0.282, 35.528
CIE-LCH	66.157, 21.066, 314.202
CIE-LUV	66.157, 10.028, -25.215
Hunter-Lab	59.605, 9.928, -10.422
Binary	10101111, 10011001, 10111100

#af99bc
```
#af99bc rgb(175,153,188)
```
#a6bc99
```
#a6bc99 rgb(166,188,153)
```

Complementary Color

#9e99bc
```
#9e99bc rgb(158,153,188)
```
#af99bc
```
#af99bc rgb(175,153,188)
```
#bc99b8
```
#bc99b8 rgb(188,153,184)
```

Analogous Color

#99bc9e
```
#99bc9e rgb(153,188,158)
```
#af99bc
```
#af99bc rgb(175,153,188)
```
#b8bc99
```
#b8bc99 rgb(184,188,153)
```

Split Complementary Color

#99bcaf
```
#99bcaf rgb(153,188,175)
```
#af99bc
```
#af99bc rgb(175,153,188)
```
#bcaf99
```
#bcaf99 rgb(188,175,153)
```

Triadic Color

#99a6bc
```
#99a6bc rgb(153,166,188)
```
#af99bc
```
#af99bc rgb(175,153,188)
```
#bcaf99
```
#bcaf99 rgb(188,175,153)
```
#a6bc99
```
#a6bc99 rgb(166,188,153)
```

Tetradic Color

#8b6b9e
```
#8b6b9e rgb(139,107,158)
```
#977aa8
```
#977aa8 rgb(151,122,168)
```
#a38ab2
```
#a38ab2 rgb(163,138,178)
```
#af99bc
```
#af99bc rgb(175,153,188)
```
#bba8c6
```
#bba8c6 rgb(187,168,198)
```
#c7b8d0
```
#c7b8d0 rgb(199,184,208)
```
#d3c7da
```
#d3c7da rgb(211,199,218)
```

Monochromatic Color

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

#a699bc
```
#a699bc rgb(166,153,188)
```
#a999bc
```
#a999bc rgb(169,153,188)
```
#ac99bc
```
#ac99bc rgb(172,153,188)
```
#af99bc
```
#af99bc rgb(175,153,188)
```
#b299bc
```
#b299bc rgb(178,153,188)
```
#b599bc
```
#b599bc rgb(181,153,188)
```
#b899bc
```
#b899bc rgb(184,153,188)
```

Similar Colors

Text with hexadecimal color #af99bc

This text has a font color of #af99bc.

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

#af99bc background color

This paragraph has a background color of #af99bc.

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

#af99bc border color

This element has a border color of #af99bc.

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

CSS codes

.text {color:#af99bc;}

.background {background-color:#af99bc;}

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

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

#040305
```
#040305 rgb(4,3,5)
```
#0e0b10
```
#0e0b10 rgb(14,11,16)
```
#19131c
```
#19131c rgb(25,19,28)
```
#231a28
```
#231a28 rgb(35,26,40)
```
#2d2234
```
#2d2234 rgb(45,34,52)
```
#382a40
```
#382a40 rgb(56,42,64)
```
#42324c
```
#42324c rgb(66,50,76)
```
#4c3957
```
#4c3957 rgb(76,57,87)
```
#574163
```
#574163 rgb(87,65,99)
```
#61496f
```
#61496f rgb(97,73,111)
```
#6b517b
```
#6b517b rgb(107,81,123)
```
#765987
```
#765987 rgb(118,89,135)
```
#806093
```
#806093 rgb(128,96,147)
```

Shade Color Variation

#8a6a9d
```
#8a6a9d rgb(138,106,157)
```
#9375a5
```
#9375a5 rgb(147,117,165)
```
#9c81ac
```
#9c81ac rgb(156,129,172)
```
#a68db4
```
#a68db4 rgb(166,141,180)
```
#af99bc
```
#af99bc rgb(175,153,188)
```
#b8a5c4
```
#b8a5c4 rgb(184,165,196)
```
#c2b1cc
```
#c2b1cc rgb(194,177,204)
```
#cbbdd3
```
#cbbdd3 rgb(203,189,211)
```
#d4c8db
```
#d4c8db rgb(212,200,219)
```
#ddd4e3
```
#ddd4e3 rgb(221,212,227)
```
#e7e0eb
```
#e7e0eb rgb(231,224,235)
```
#f0ecf2
```
#f0ecf2 rgb(240,236,242)
```
#f9f8fa
```
#f9f8fa rgb(249,248,250)
```

Tint Color Variation

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

#aca6af
```
#aca6af rgb(172,166,175)
```
#ada0b6
```
#ada0b6 rgb(173,160,182)
```
#af99bc
```
#af99bc rgb(175,153,188)
```
#b193c3
```
#b193c3 rgb(177,147,195)
```
#b28cc9
```
#b28cc9 rgb(178,140,201)
```
#b486d0
```
#b486d0 rgb(180,134,208)
```
#b67fd6
```
#b67fd6 rgb(182,127,214)
```
#b779dd
```
#b779dd rgb(183,121,221)
```
#b972e3
```
#b972e3 rgb(185,114,227)
```
#bb6cea
```
#bb6cea rgb(187,108,234)
```
#bc65f0
```
#bc65f0 rgb(188,101,240)
```
#be5ff7
```
#be5ff7 rgb(190,95,247)
```
#c058fd
```
#c058fd rgb(192,88,253)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#a6a2a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ea4c3 Protanopia 1% of men
#a8a1be Deuteranopia 1% of men
#afa1ad Tritanopia 0.001% of the population

Trichromacy

#a4a0c0 Protanomaly 1% of men, 0.01% of women
#aa9ebd Deuteranomaly 6% of men, 0.4% of women
#af9eb2 Tritanomaly 0.01% of the population