#af97bf hex color

In a RGB color space, hex #af97bf is composed of 68.6% red, 59.2% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 8.4% cyan, 20.9% magenta, 0% yellow and 25.1% black. It has a hue angle of 276 degrees, a saturation of 23.8% and a lightness of 67.1%. #af97bf color hex could be obtained by blending #ffffff with #5f2f7f. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 69
- G 59
- B 75
RGB color chart
- C 8
- M 21
- Y 0
- K 25
CMYK color chart

● #af97bf color description : Grayish violet.

The hexadecimal color #af97bf has RGB values of R:175, G:151, B:191 and CMYK values of C:0.08, M:0.21, Y:0, K:0.25. Its decimal value is 11507647.

Hex triplet	af97bf	`#af97bf`
RGB Decimal	175, 151, 191	`rgb(175,151,191)`
RGB Percent	68.6, 59.2, 74.9	`rgb(68.6%,59.2%,74.9%)`
CMYK	8, 21, 0, 25
HSL	276°, 23.8, 67.1	`hsl(276,23.8%,67.1%)`
HSV (or HSB)	276°, 20.9, 74.9
Web Safe	9999cc	`#9999cc`

CIE-LAB	65.756, 16.425, -17.386
XYZ	38.148, 35.009, 54.035
xyY	0.3, 0.275, 35.009
CIE-LCH	65.756, 23.918, 313.373
CIE-LUV	65.756, 10.703, -29.042
Hunter-Lab	59.169, 11.541, -12.728
Binary	10101111, 10010111, 10111111

#af97bf
```
#af97bf rgb(175,151,191)
```
#a7bf97
```
#a7bf97 rgb(167,191,151)
```

Complementary Color

#9b97bf
```
#9b97bf rgb(155,151,191)
```
#af97bf
```
#af97bf rgb(175,151,191)
```
#bf97bb
```
#bf97bb rgb(191,151,187)
```

Analogous Color

#97bf9b
```
#97bf9b rgb(151,191,155)
```
#af97bf
```
#af97bf rgb(175,151,191)
```
#bbbf97
```
#bbbf97 rgb(187,191,151)
```

Split Complementary Color

#97bfaf
```
#97bfaf rgb(151,191,175)
```
#af97bf
```
#af97bf rgb(175,151,191)
```
#bfaf97
```
#bfaf97 rgb(191,175,151)
```

Triadic Color

#97a7bf
```
#97a7bf rgb(151,167,191)
```
#af97bf
```
#af97bf rgb(175,151,191)
```
#bfaf97
```
#bfaf97 rgb(191,175,151)
```
#a7bf97
```
#a7bf97 rgb(167,191,151)
```

Tetradic Color

#8b68a2
```
#8b68a2 rgb(139,104,162)
```
#9777ac
```
#9777ac rgb(151,119,172)
```
#a387b5
```
#a387b5 rgb(163,135,181)
```
#af97bf
```
#af97bf rgb(175,151,191)
```
#bba7c9
```
#bba7c9 rgb(187,167,201)
```
#c7b7d2
```
#c7b7d2 rgb(199,183,210)
```
#d3c6dc
```
#d3c6dc rgb(211,198,220)
```

Monochromatic Color

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

#a597bf
```
#a597bf rgb(165,151,191)
```
#a897bf
```
#a897bf rgb(168,151,191)
```
#ac97bf
```
#ac97bf rgb(172,151,191)
```
#af97bf
```
#af97bf rgb(175,151,191)
```
#b297bf
```
#b297bf rgb(178,151,191)
```
#b697bf
```
#b697bf rgb(182,151,191)
```
#b997bf
```
#b997bf rgb(185,151,191)
```

Similar Colors

Text with hexadecimal color #af97bf

This text has a font color of #af97bf.

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

#af97bf background color

This paragraph has a background color of #af97bf.

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

#af97bf border color

This element has a border color of #af97bf.

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

CSS codes

.text {color:#af97bf;}

.background {background-color:#af97bf;}

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

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

#040305
```
#040305 rgb(4,3,5)
```
#0f0b11
```
#0f0b11 rgb(15,11,17)
```
#19121e
```
#19121e rgb(25,18,30)
```
#231a2a
```
#231a2a rgb(35,26,42)
```
#2e2136
```
#2e2136 rgb(46,33,54)
```
#382942
```
#382942 rgb(56,41,66)
```
#42304e
```
#42304e rgb(66,48,78)
```
#4c385a
```
#4c385a rgb(76,56,90)
```
#573f66
```
#573f66 rgb(87,63,102)
```
#614773
```
#614773 rgb(97,71,115)
```
#6b4e7f
```
#6b4e7f rgb(107,78,127)
```
#75558b
```
#75558b rgb(117,85,139)
```
#805d97
```
#805d97 rgb(128,93,151)
```

Shade Color Variation

#8a66a1
```
#8a66a1 rgb(138,102,161)
```
#9373a9
```
#9373a9 rgb(147,115,169)
```
#9c7fb0
```
#9c7fb0 rgb(156,127,176)
```
#a68bb8
```
#a68bb8 rgb(166,139,184)
```
#af97bf
```
#af97bf rgb(175,151,191)
```
#b8a3c6
```
#b8a3c6 rgb(184,163,198)
```
#c2afce
```
#c2afce rgb(194,175,206)
```
#cbbbd5
```
#cbbbd5 rgb(203,187,213)
```
#d4c8dd
```
#d4c8dd rgb(212,200,221)
```
#ded4e4
```
#ded4e4 rgb(222,212,228)
```
#e7e0ec
```
#e7e0ec rgb(231,224,236)
```
#f0ecf3
```
#f0ecf3 rgb(240,236,243)
```
#faf8fb
```
#faf8fb rgb(250,248,251)
```

Tint Color Variation

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

#abaaac
```
#abaaac rgb(171,170,172)
```
#aca4b2
```
#aca4b2 rgb(172,164,178)
```
#ae9db9
```
#ae9db9 rgb(174,157,185)
```
#af97bf
```
#af97bf rgb(175,151,191)
```
#b091c5
```
#b091c5 rgb(176,145,197)
```
#b28acc
```
#b28acc rgb(178,138,204)
```
#b384d2
```
#b384d2 rgb(179,132,210)
```
#b47dd9
```
#b47dd9 rgb(180,125,217)
```
#b577df
```
#b577df rgb(181,119,223)
```
#b770e6
```
#b770e6 rgb(183,112,230)
```
#b86aec
```
#b86aec rgb(184,106,236)
```
#b963f3
```
#b963f3 rgb(185,99,243)
```
#bb5df9
```
#bb5df9 rgb(187,93,249)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#a5a1a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ca3c6 Protanopia 1% of men
#a5a1c0 Deuteranopia 1% of men
#afa0ac Tritanopia 0.001% of the population

Trichromacy

#a29ec3 Protanomaly 1% of men, 0.01% of women
#a89dc0 Deuteranomaly 6% of men, 0.4% of women
#af9db2 Tritanomaly 0.01% of the population

#af97bf hex color

#af97bf Color Information

#af97bf Color Conversion

Color Schemes with #af97bf

Alternatives to #af97bf

#af97bf Preview

Shades and Tints of #af97bf

Tones of #af97bf

Color Blindness Simulator