#af5ee2 hex color

In a RGB color space, hex #af5ee2 is composed of 68.6% red, 36.9% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 22.6% cyan, 58.4% magenta, 0% yellow and 11.4% black. It has a hue angle of 276.8 degrees, a saturation of 69.5% and a lightness of 62.7%. #af5ee2 color hex could be obtained by blending #ffbcff with #5f00c5. Closest websafe color is: #9966cc.

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

● #af5ee2 color description : Soft violet.

The hexadecimal color #af5ee2 has RGB values of R:175, G:94, B:226 and CMYK values of C:0.23, M:0.58, Y:0, K:0.11. Its decimal value is 11493090.

Hex triplet	af5ee2	`#af5ee2`
RGB Decimal	175, 94, 226	`rgb(175,94,226)`
RGB Percent	68.6, 36.9, 88.6	`rgb(68.6%,36.9%,88.6%)`
CMYK	23, 58, 0, 11
HSL	276.8°, 69.5, 62.7	`hsl(276.8,69.5%,62.7%)`
HSV (or HSB)	276.8°, 58.4, 88.6
Web Safe	9966cc	`#9966cc`

CIE-LAB	54.67, 55.157, -54.35
XYZ	35.407, 22.611, 74.447
xyY	0.267, 0.171, 22.611
CIE-LCH	54.67, 77.435, 315.422
CIE-LUV	54.67, 27.741, -90.96
Hunter-Lab	47.551, 49.699, -59.539
Binary	10101111, 01011110, 11100010

#af5ee2
```
#af5ee2 rgb(175,94,226)
```
#91e25e
```
#91e25e rgb(145,226,94)
```

Complementary Color

#6d5ee2
```
#6d5ee2 rgb(109,94,226)
```
#af5ee2
```
#af5ee2 rgb(175,94,226)
```
#e25ed3
```
#e25ed3 rgb(226,94,211)
```

Analogous Color

#5ee26d
```
#5ee26d rgb(94,226,109)
```
#af5ee2
```
#af5ee2 rgb(175,94,226)
```
#d3e25e
```
#d3e25e rgb(211,226,94)
```

Split Complementary Color

#5ee2af
```
#5ee2af rgb(94,226,175)
```
#af5ee2
```
#af5ee2 rgb(175,94,226)
```
#e2af5e
```
#e2af5e rgb(226,175,94)
```

Triadic Color

#5e91e2
```
#5e91e2 rgb(94,145,226)
```
#af5ee2
```
#af5ee2 rgb(175,94,226)
```
#e2af5e
```
#e2af5e rgb(226,175,94)
```
#91e25e
```
#91e25e rgb(145,226,94)
```

Tetradic Color

#8d25ce
```
#8d25ce rgb(141,37,206)
```
#9a33da
```
#9a33da rgb(154,51,218)
```
#a448de
```
#a448de rgb(164,72,222)
```
#af5ee2
```
#af5ee2 rgb(175,94,226)
```
#ba74e6
```
#ba74e6 rgb(186,116,230)
```
#c489ea
```
#c489ea rgb(196,137,234)
```
#cf9fee
```
#cf9fee rgb(207,159,238)
```

Monochromatic Color

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

#8e5ee2
```
#8e5ee2 rgb(142,94,226)
```
#995ee2
```
#995ee2 rgb(153,94,226)
```
#a45ee2
```
#a45ee2 rgb(164,94,226)
```
#af5ee2
```
#af5ee2 rgb(175,94,226)
```
#ba5ee2
```
#ba5ee2 rgb(186,94,226)
```
#c55ee2
```
#c55ee2 rgb(197,94,226)
```
#d05ee2
```
#d05ee2 rgb(208,94,226)
```

Similar Colors

Text with hexadecimal color #af5ee2

This text has a font color of #af5ee2.

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

#af5ee2 background color

This paragraph has a background color of #af5ee2.

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

#af5ee2 border color

This element has a border color of #af5ee2.

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

CSS codes

.text {color:#af5ee2;}

.background {background-color:#af5ee2;}

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

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

#040105
```
#040105 rgb(4,1,5)
```
#0f0416
```
#0f0416 rgb(15,4,22)
```
#1a0726
```
#1a0726 rgb(26,7,38)
```
#260a37
```
#260a37 rgb(38,10,55)
```
#310d48
```
#310d48 rgb(49,13,72)
```
#3c1058
```
#3c1058 rgb(60,16,88)
```
#481369
```
#481369 rgb(72,19,105)
```
#53167a
```
#53167a rgb(83,22,122)
```
#5e198a
```
#5e198a rgb(94,25,138)
```
#6a1c9b
```
#6a1c9b rgb(106,28,155)
```
#751fab
```
#751fab rgb(117,31,171)
```
#8022bc
```
#8022bc rgb(128,34,188)
```
#8c25cd
```
#8c25cd rgb(140,37,205)
```

Shade Color Variation

#962cd9
```
#962cd9 rgb(150,44,217)
```
#9e3ddc
```
#9e3ddc rgb(158,61,220)
```
#a74ddf
```
#a74ddf rgb(167,77,223)
```
#af5ee2
```
#af5ee2 rgb(175,94,226)
```
#b76fe5
```
#b76fe5 rgb(183,111,229)
```
#c07fe8
```
#c07fe8 rgb(192,127,232)
```
#c890eb
```
#c890eb rgb(200,144,235)
```
#d0a0ee
```
#d0a0ee rgb(208,160,238)
```
#d8b1f1
```
#d8b1f1 rgb(216,177,241)
```
#e1c2f4
```
#e1c2f4 rgb(225,194,244)
```
#e9d2f7
```
#e9d2f7 rgb(233,210,247)
```
#f1e3fa
```
#f1e3fa rgb(241,227,250)
```
#f9f4fd
```
#f9f4fd rgb(249,244,253)
```

Tint Color Variation

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

#a0a0a0
```
#a0a0a0 rgb(160,160,160)
```
#a298a8
```
#a298a8 rgb(162,152,168)
```
#a391af
```
#a391af rgb(163,145,175)
```
#a58ab6
```
#a58ab6 rgb(165,138,182)
```
#a783bd
```
#a783bd rgb(167,131,189)
```
#a87bc5
```
#a87bc5 rgb(168,123,197)
```
#aa74cc
```
#aa74cc rgb(170,116,204)
```
#ac6dd3
```
#ac6dd3 rgb(172,109,211)
```
#ad65db
```
#ad65db rgb(173,101,219)
```
#af5ee2
```
#af5ee2 rgb(175,94,226)
```
#b157e9
```
#b157e9 rgb(177,87,233)
```
#b24ff1
```
#b24ff1 rgb(178,79,241)
```
#b448f8
```
#b448f8 rgb(180,72,248)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#8d7d98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3185fd Protanopia 1% of men
#528ad7 Deuteranopia 1% of men
#a18089 Tritanopia 0.001% of the population

Trichromacy

#5f76f3 Protanomaly 1% of men, 0.01% of women
#737adb Deuteranomaly 6% of men, 0.4% of women
#a674a9 Tritanomaly 0.01% of the population

#af5ee2 hex color

#af5ee2 Color Information

#af5ee2 Color Conversion

Color Schemes with #af5ee2

Alternatives to #af5ee2

#af5ee2 Preview

Shades and Tints of #af5ee2

Tones of #af5ee2

Color Blindness Simulator