#af97f0 hex color

In a RGB color space, hex #af97f0 is composed of 68.6% red, 59.2% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 27.1% cyan, 37.1% magenta, 0% yellow and 5.9% black. It has a hue angle of 256.2 degrees, a saturation of 74.8% and a lightness of 76.7%. #af97f0 color hex could be obtained by blending #ffffff with #5f2fe1. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 69
- G 59
- B 94
RGB color chart
- C 27
- M 37
- Y 0
- K 6
CMYK color chart

● #af97f0 color description : Very soft violet.

The hexadecimal color #af97f0 has RGB values of R:175, G:151, B:240 and CMYK values of C:0.27, M:0.37, Y:0, K:0.06. Its decimal value is 11507696.

Hex triplet	af97f0	`#af97f0`
RGB Decimal	175, 151, 240	`rgb(175,151,240)`
RGB Percent	68.6, 59.2, 94.1	`rgb(68.6%,59.2%,94.1%)`
CMYK	27, 37, 0, 6
HSL	256.2°, 74.8, 76.7	`hsl(256.2,74.8%,76.7%)`
HSV (or HSB)	256.2°, 37.1, 94.1
Web Safe	9999ff	`#9999ff`

CIE-LAB	67.679, 27.48, -41.552
XYZ	44.471, 37.538, 87.336
xyY	0.263, 0.222, 37.538
CIE-LCH	67.679, 49.817, 303.478
CIE-LUV	67.679, 5.922, -70.219
Hunter-Lab	61.269, 22.343, -41.628
Binary	10101111, 10010111, 11110000

#af97f0
```
#af97f0 rgb(175,151,240)
```
#d8f097
```
#d8f097 rgb(216,240,151)
```

Complementary Color

#97acf0
```
#97acf0 rgb(151,172,240)
```
#af97f0
```
#af97f0 rgb(175,151,240)
```
#dc97f0
```
#dc97f0 rgb(220,151,240)
```

Analogous Color

#acf097
```
#acf097 rgb(172,240,151)
```
#af97f0
```
#af97f0 rgb(175,151,240)
```
#f0dc97
```
#f0dc97 rgb(240,220,151)
```

Split Complementary Color

#97f0af
```
#97f0af rgb(151,240,175)
```
#af97f0
```
#af97f0 rgb(175,151,240)
```
#f0af97
```
#f0af97 rgb(240,175,151)
```

Triadic Color

#97d8f0
```
#97d8f0 rgb(151,216,240)
```
#af97f0
```
#af97f0 rgb(175,151,240)
```
#f0af97
```
#f0af97 rgb(240,175,151)
```
#d8f097
```
#d8f097 rgb(216,240,151)
```

Tetradic Color

#7c54e6
```
#7c54e6 rgb(124,84,230)
```
#8d6aea
```
#8d6aea rgb(141,106,234)
```
#9e81ed
```
#9e81ed rgb(158,129,237)
```
#af97f0
```
#af97f0 rgb(175,151,240)
```
#c0adf3
```
#c0adf3 rgb(192,173,243)
```
#d1c4f6
```
#d1c4f6 rgb(209,196,246)
```
#e2dafa
```
#e2dafa rgb(226,218,250)
```

Monochromatic Color

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

#9997f0
```
#9997f0 rgb(153,151,240)
```
#a097f0
```
#a097f0 rgb(160,151,240)
```
#a897f0
```
#a897f0 rgb(168,151,240)
```
#af97f0
```
#af97f0 rgb(175,151,240)
```
#b697f0
```
#b697f0 rgb(182,151,240)
```
#be97f0
```
#be97f0 rgb(190,151,240)
```
#c597f0
```
#c597f0 rgb(197,151,240)
```

Similar Colors

Text with hexadecimal color #af97f0

This text has a font color of #af97f0.

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

#af97f0 background color

This paragraph has a background color of #af97f0.

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

#af97f0 border color

This element has a border color of #af97f0.

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

CSS codes

.text {color:#af97f0;}

.background {background-color:#af97f0;}

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

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

#060210
```
#060210 rgb(6,2,16)
```
#0c0521
```
#0c0521 rgb(12,5,33)
```
#130732
```
#130732 rgb(19,7,50)
```
#190a43
```
#190a43 rgb(25,10,67)
```
#200c55
```
#200c55 rgb(32,12,85)
```
#260f66
```
#260f66 rgb(38,15,102)
```
#2d1177
```
#2d1177 rgb(45,17,119)
```
#331488
```
#331488 rgb(51,20,136)
```
#391699
```
#391699 rgb(57,22,153)
```
#4019aa
```
#4019aa rgb(64,25,170)
```
#461bbb
```
#461bbb rgb(70,27,187)
```
#4d1ecd
```
#4d1ecd rgb(77,30,205)
```
#5320de
```
#5320de rgb(83,32,222)
```

Shade Color Variation

#6030e1
```
#6030e1 rgb(96,48,225)
```
#6d41e4
```
#6d41e4 rgb(109,65,228)
```
#7a52e6
```
#7a52e6 rgb(122,82,230)
```
#8764e9
```
#8764e9 rgb(135,100,233)
```
#9575eb
```
#9575eb rgb(149,117,235)
```
#a286ee
```
#a286ee rgb(162,134,238)
```
#af97f0
```
#af97f0 rgb(175,151,240)
```
#bca8f2
```
#bca8f2 rgb(188,168,242)
```
#c9b9f5
```
#c9b9f5 rgb(201,185,245)
```
#d7caf7
```
#d7caf7 rgb(215,202,247)
```
#e4dcfa
```
#e4dcfa rgb(228,220,250)
```
#f1edfc
```
#f1edfc rgb(241,237,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#c2c0c7
```
#c2c0c7 rgb(194,192,199)
```
#c0bccb
```
#c0bccb rgb(192,188,203)
```
#beb7d0
```
#beb7d0 rgb(190,183,208)
```
#bcb2d5
```
#bcb2d5 rgb(188,178,213)
```
#baaed9
```
#baaed9 rgb(186,174,217)
```
#b7a9de
```
#b7a9de rgb(183,169,222)
```
#b5a5e2
```
#b5a5e2 rgb(181,165,226)
```
#b3a0e7
```
#b3a0e7 rgb(179,160,231)
```
#b19ceb
```
#b19ceb rgb(177,156,235)
```
#af97f0
```
#af97f0 rgb(175,151,240)
```
#ad92f5
```
#ad92f5 rgb(173,146,245)
```
#ab8ef9
```
#ab8ef9 rgb(171,142,249)
```
#a989fe
```
#a989fe rgb(169,137,254)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#a9a5b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8aa6f8 Protanopia 1% of men
#8da8ec Deuteranopia 1% of men
#a5a9b5 Tritanopia 0.001% of the population

Trichromacy

#97a1f5 Protanomaly 1% of men, 0.01% of women
#99a2ed Deuteranomaly 6% of men, 0.4% of women
#a8a2ca Tritanomaly 0.01% of the population

#af97f0 hex color

#af97f0 Color Information

#af97f0 Color Conversion

Color Schemes with #af97f0

Alternatives to #af97f0

#af97f0 Preview

Shades and Tints of #af97f0

Tones of #af97f0

Color Blindness Simulator