#af7de2 hex color

In a RGB color space, hex #af7de2 is composed of 68.6% red, 49% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 22.6% cyan, 44.7% magenta, 0% yellow and 11.4% black. It has a hue angle of 269.7 degrees, a saturation of 63.5% and a lightness of 68.8%. #af7de2 color hex could be obtained by blending #fffaff with #5f00c5. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 69
- G 49
- B 89
RGB color chart
- C 23
- M 45
- Y 0
- K 11
CMYK color chart

● #af7de2 color description : Very soft violet.

The hexadecimal color #af7de2 has RGB values of R:175, G:125, B:226 and CMYK values of C:0.23, M:0.45, Y:0, K:0.11. Its decimal value is 11501026.

Hex triplet	af7de2	`#af7de2`
RGB Decimal	175, 125, 226	`rgb(175,125,226)`
RGB Percent	68.6, 49, 88.6	`rgb(68.6%,49%,88.6%)`
CMYK	23, 45, 0, 11
HSL	269.7°, 63.5, 68.8	`hsl(269.7,63.5%,68.8%)`
HSV (or HSB)	269.7°, 44.7, 88.6
Web Safe	9966cc	`#9966cc`

CIE-LAB	61.021, 38.723, -44.27
XYZ	38.738, 29.273, 75.557
xyY	0.27, 0.204, 29.273
CIE-LCH	61.021, 58.816, 311.176
CIE-LUV	61.021, 17.538, -74.867
Hunter-Lab	54.104, 33.122, -44.926
Binary	10101111, 01111101, 11100010

#af7de2
```
#af7de2 rgb(175,125,226)
```
#b0e27d
```
#b0e27d rgb(176,226,125)
```

Complementary Color

#7d7ee2
```
#7d7ee2 rgb(125,126,226)
```
#af7de2
```
#af7de2 rgb(175,125,226)
```
#e27de2
```
#e27de2 rgb(226,125,226)
```

Analogous Color

#7ee27d
```
#7ee27d rgb(126,226,125)
```
#af7de2
```
#af7de2 rgb(175,125,226)
```
#e2e27d
```
#e2e27d rgb(226,226,125)
```

Split Complementary Color

#7de2af
```
#7de2af rgb(125,226,175)
```
#af7de2
```
#af7de2 rgb(175,125,226)
```
#e2af7d
```
#e2af7d rgb(226,175,125)
```

Triadic Color

#7db0e2
```
#7db0e2 rgb(125,176,226)
```
#af7de2
```
#af7de2 rgb(175,125,226)
```
#e2af7d
```
#e2af7d rgb(226,175,125)
```
#b0e27d
```
#b0e27d rgb(176,226,125)
```

Tetradic Color

#893ed4
```
#893ed4 rgb(137,62,212)
```
#9553d9
```
#9553d9 rgb(149,83,217)
```
#a268dd
```
#a268dd rgb(162,104,221)
```
#af7de2
```
#af7de2 rgb(175,125,226)
```
#bc92e7
```
#bc92e7 rgb(188,146,231)
```
#c9a7eb
```
#c9a7eb rgb(201,167,235)
```
#d5bcf0
```
#d5bcf0 rgb(213,188,240)
```

Monochromatic Color

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

#967de2
```
#967de2 rgb(150,125,226)
```
#9e7de2
```
#9e7de2 rgb(158,125,226)
```
#a77de2
```
#a77de2 rgb(167,125,226)
```
#af7de2
```
#af7de2 rgb(175,125,226)
```
#b77de2
```
#b77de2 rgb(183,125,226)
```
#c07de2
```
#c07de2 rgb(192,125,226)
```
#c87de2
```
#c87de2 rgb(200,125,226)
```

Similar Colors

Text with hexadecimal color #af7de2

This text has a font color of #af7de2.

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

#af7de2 background color

This paragraph has a background color of #af7de2.

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

#af7de2 border color

This element has a border color of #af7de2.

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

CSS codes

.text {color:#af7de2;}

.background {background-color:#af7de2;}

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

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, #09030e is the darkest color, while #fefdff is the lightest one.

#09030e
```
#09030e rgb(9,3,14)
```
#12071e
```
#12071e rgb(18,7,30)
```
#1c0a2e
```
#1c0a2e rgb(28,10,46)
```
#260e3e
```
#260e3e rgb(38,14,62)
```
#30124e
```
#30124e rgb(48,18,78)
```
#39155f
```
#39155f rgb(57,21,95)
```
#43196f
```
#43196f rgb(67,25,111)
```
#4d1c7f
```
#4d1c7f rgb(77,28,127)
```
#57208f
```
#57208f rgb(87,32,143)
```
#60239f
```
#60239f rgb(96,35,159)
```
#6a27af
```
#6a27af rgb(106,39,175)
```
#742bbf
```
#742bbf rgb(116,43,191)
```
#7e2ecf
```
#7e2ecf rgb(126,46,207)
```

Shade Color Variation

#883dd4
```
#883dd4 rgb(136,61,212)
```
#914dd7
```
#914dd7 rgb(145,77,215)
```
#9b5ddb
```
#9b5ddb rgb(155,93,219)
```
#a56dde
```
#a56dde rgb(165,109,222)
```
#af7de2
```
#af7de2 rgb(175,125,226)
```
#b98de6
```
#b98de6 rgb(185,141,230)
```
#c39de9
```
#c39de9 rgb(195,157,233)
```
#cdaded
```
#cdaded rgb(205,173,237)
```
#d6bdf0
```
#d6bdf0 rgb(214,189,240)
```
#e0cdf4
```
#e0cdf4 rgb(224,205,244)
```
#eaddf7
```
#eaddf7 rgb(234,221,247)
```
#f4edfb
```
#f4edfb rgb(244,237,251)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#afaeb1
```
#afaeb1 rgb(175,174,177)
```
#afa8b7
```
#afa8b7 rgb(175,168,183)
```
#afa2bd
```
#afa2bd rgb(175,162,189)
```
#af9cc3
```
#af9cc3 rgb(175,156,195)
```
#af95ca
```
#af95ca rgb(175,149,202)
```
#af8fd0
```
#af8fd0 rgb(175,143,208)
```
#af89d6
```
#af89d6 rgb(175,137,214)
```
#af83dc
```
#af83dc rgb(175,131,220)
```
#af7de2
```
#af7de2 rgb(175,125,226)
```
#af77e8
```
#af77e8 rgb(175,119,232)
```
#af71ee
```
#af71ee rgb(175,113,238)
```
#af6bf4
```
#af6bf4 rgb(175,107,244)
```
#af65fa
```
#af65fa rgb(175,101,250)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#9c92a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7095f1 Protanopia 1% of men
#7798dc Deuteranopia 1% of men
#a4949e Tritanopia 0.001% of the population

Trichromacy

#878ceb Protanomaly 1% of men, 0.01% of women
#8b8ede Deuteranomaly 6% of men, 0.4% of women
#a88bb7 Tritanomaly 0.01% of the population

#af7de2 hex color

#af7de2 Color Information

#af7de2 Color Conversion

Color Schemes with #af7de2

Alternatives to #af7de2

#af7de2 Preview

Shades and Tints of #af7de2

Tones of #af7de2

Color Blindness Simulator