#af7bfe hex color

In a RGB color space, hex #af7bfe is composed of 68.6% red, 48.2% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 31.1% cyan, 51.6% magenta, 0% yellow and 0.4% black. It has a hue angle of 263.8 degrees, a saturation of 98.5% and a lightness of 73.9%. #af7bfe color hex could be obtained by blending #fff6ff with #5f00fd. Closest websafe color is: #9966ff.

♥
- f
- t
- g
- R 69
- G 48
- B 100
RGB color chart
- C 31
- M 52
- Y 0
- K 0
CMYK color chart

● #af7bfe color description : Soft violet.

The hexadecimal color #af7bfe has RGB values of R:175, G:123, B:254 and CMYK values of C:0.31, M:0.52, Y:0, K:0. Its decimal value is 11500542.

Hex triplet	af7bfe	`#af7bfe`
RGB Decimal	175, 123, 254	`rgb(175,123,254)`
RGB Percent	68.6, 48.2, 99.6	`rgb(68.6%,48.2%,99.6%)`
CMYK	31, 52, 0, 0
HSL	263.8°, 98.5, 73.9	`hsl(263.8,98.5%,73.9%)`
HSV (or HSB)	263.8°, 51.6, 99.6
Web Safe	9966ff	`#9966ff`

CIE-LAB	62.028, 46.459, -58.167
XYZ	42.649, 30.436, 97.388
xyY	0.25, 0.179, 30.436
CIE-LCH	62.028, 74.444, 308.615
CIE-LUV	62.028, 14.3, -98.531
Hunter-Lab	55.169, 41.446, -66.046
Binary	10101111, 01111011, 11111110

#af7bfe
```
#af7bfe rgb(175,123,254)
```
#cafe7b
```
#cafe7b rgb(202,254,123)
```

Complementary Color

#7b89fe
```
#7b89fe rgb(123,137,254)
```
#af7bfe
```
#af7bfe rgb(175,123,254)
```
#f17bfe
```
#f17bfe rgb(241,123,254)
```

Analogous Color

#89fe7b
```
#89fe7b rgb(137,254,123)
```
#af7bfe
```
#af7bfe rgb(175,123,254)
```
#fef17b
```
#fef17b rgb(254,241,123)
```

Split Complementary Color

#7bfeaf
```
#7bfeaf rgb(123,254,175)
```
#af7bfe
```
#af7bfe rgb(175,123,254)
```
#feaf7b
```
#feaf7b rgb(254,175,123)
```

Triadic Color

#7bcafe
```
#7bcafe rgb(123,202,254)
```
#af7bfe
```
#af7bfe rgb(175,123,254)
```
#feaf7b
```
#feaf7b rgb(254,175,123)
```
#cafe7b
```
#cafe7b rgb(202,254,123)
```

Tetradic Color

#812ffd
```
#812ffd rgb(129,47,253)
```
#9048fe
```
#9048fe rgb(144,72,254)
```
#a062fe
```
#a062fe rgb(160,98,254)
```
#af7bfe
```
#af7bfe rgb(175,123,254)
```
#be94fe
```
#be94fe rgb(190,148,254)
```
#ceaefe
```
#ceaefe rgb(206,174,254)
```
#ddc7ff
```
#ddc7ff rgb(221,199,255)
```

Monochromatic Color

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

#8e7bfe
```
#8e7bfe rgb(142,123,254)
```
#997bfe
```
#997bfe rgb(153,123,254)
```
#a47bfe
```
#a47bfe rgb(164,123,254)
```
#af7bfe
```
#af7bfe rgb(175,123,254)
```
#ba7bfe
```
#ba7bfe rgb(186,123,254)
```
#c57bfe
```
#c57bfe rgb(197,123,254)
```
#d07bfe
```
#d07bfe rgb(208,123,254)
```

Similar Colors

Text with hexadecimal color #af7bfe

This text has a font color of #af7bfe.

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

#af7bfe background color

This paragraph has a background color of #af7bfe.

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

#af7bfe border color

This element has a border color of #af7bfe.

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

CSS codes

.text {color:#af7bfe;}

.background {background-color:#af7bfe;}

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

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

#020004
```
#020004 rgb(2,0,4)
```
#0a0018
```
#0a0018 rgb(10,0,24)
```
#11002b
```
#11002b rgb(17,0,43)
```
#19003f
```
#19003f rgb(25,0,63)
```
#210152
```
#210152 rgb(33,1,82)
```
#290166
```
#290166 rgb(41,1,102)
```
#310179
```
#310179 rgb(49,1,121)
```
#38018d
```
#38018d rgb(56,1,141)
```
#4001a0
```
#4001a0 rgb(64,1,160)
```
#4801b3
```
#4801b3 rgb(72,1,179)
```
#5002c7
```
#5002c7 rgb(80,2,199)
```
#5802da
```
#5802da rgb(88,2,218)
```
#6002ee
```
#6002ee rgb(96,2,238)
```

Shade Color Variation

#6806fd
```
#6806fd rgb(104,6,253)
```
#741afd
```
#741afd rgb(116,26,253)
```
#802dfd
```
#802dfd rgb(128,45,253)
```
#8c41fe
```
#8c41fe rgb(140,65,254)
```
#9754fe
```
#9754fe rgb(151,84,254)
```
#a368fe
```
#a368fe rgb(163,104,254)
```
#af7bfe
```
#af7bfe rgb(175,123,254)
```
#bb8efe
```
#bb8efe rgb(187,142,254)
```
#c7a2fe
```
#c7a2fe rgb(199,162,254)
```
#d2b5fe
```
#d2b5fe rgb(210,181,254)
```
#dec9ff
```
#dec9ff rgb(222,201,255)
```
#eadcff
```
#eadcff rgb(234,220,255)
```
#f6f0ff
```
#f6f0ff rgb(246,240,255)
```

Tint Color Variation

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

#bcb8c1
```
#bcb8c1 rgb(188,184,193)
```
#bbb3c6
```
#bbb3c6 rgb(187,179,198)
```
#baaecb
```
#baaecb rgb(186,174,203)
```
#b8a9d0
```
#b8a9d0 rgb(184,169,208)
```
#b7a4d5
```
#b7a4d5 rgb(183,164,213)
```
#b69fda
```
#b69fda rgb(182,159,218)
```
#b59adf
```
#b59adf rgb(181,154,223)
```
#b495e4
```
#b495e4 rgb(180,149,228)
```
#b38fea
```
#b38fea rgb(179,143,234)
```
#b28aef
```
#b28aef rgb(178,138,239)
```
#b185f4
```
#b185f4 rgb(177,133,244)
```
#b080f9
```
#b080f9 rgb(176,128,249)
```
#af7bfe
```
#af7bfe rgb(175,123,254)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#9d93ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#6898ff Protanopia 1% of men
#5b9cf4 Deuteranopia 1% of men
#9d99a4 Tritanopia 0.001% of the population

Trichromacy

#828dfe Protanomaly 1% of men, 0.01% of women
#7a90f7 Deuteranomaly 6% of men, 0.4% of women
#a48ec5 Tritanomaly 0.01% of the population

#af7bfe hex color

#af7bfe Color Information

#af7bfe Color Conversion

Color Schemes with #af7bfe

Alternatives to #af7bfe

#af7bfe Preview

Shades and Tints of #af7bfe

Tones of #af7bfe

Color Blindness Simulator