#af5fe1 hex color

In a RGB color space, hex #af5fe1 is composed of 68.6% red, 37.3% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 22.2% cyan, 57.8% magenta, 0% yellow and 11.8% black. It has a hue angle of 276.9 degrees, a saturation of 68.4% and a lightness of 62.7%. #af5fe1 color hex could be obtained by blending #ffbeff with #5f00c3. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 69
- G 37
- B 88
RGB color chart
- C 22
- M 58
- Y 0
- K 12
CMYK color chart

● #af5fe1 color description : Soft violet.

The hexadecimal color #af5fe1 has RGB values of R:175, G:95, B:225 and CMYK values of C:0.22, M:0.58, Y:0, K:0.12. Its decimal value is 11493345.

Hex triplet	af5fe1	`#af5fe1`
RGB Decimal	175, 95, 225	`rgb(175,95,225)`
RGB Percent	68.6, 37.3, 88.2	`rgb(68.6%,37.3%,88.2%)`
CMYK	22, 58, 0, 12
HSL	276.9°, 68.4, 62.7	`hsl(276.9,68.4%,62.7%)`
HSV (or HSB)	276.9°, 57.8, 88.2
Web Safe	9966cc	`#9966cc`

CIE-LAB	54.799, 54.44, -53.581
XYZ	35.36, 22.735, 73.756
xyY	0.268, 0.172, 22.735
CIE-LCH	54.799, 76.384, 315.456
CIE-LUV	54.799, 27.653, -89.738
Hunter-Lab	47.682, 48.93, -58.335
Binary	10101111, 01011111, 11100001

#af5fe1
```
#af5fe1 rgb(175,95,225)
```
#91e15f
```
#91e15f rgb(145,225,95)
```

Complementary Color

#6e5fe1
```
#6e5fe1 rgb(110,95,225)
```
#af5fe1
```
#af5fe1 rgb(175,95,225)
```
#e15fd2
```
#e15fd2 rgb(225,95,210)
```

Analogous Color

#5fe16e
```
#5fe16e rgb(95,225,110)
```
#af5fe1
```
#af5fe1 rgb(175,95,225)
```
#d2e15f
```
#d2e15f rgb(210,225,95)
```

Split Complementary Color

#5fe1af
```
#5fe1af rgb(95,225,175)
```
#af5fe1
```
#af5fe1 rgb(175,95,225)
```
#e1af5f
```
#e1af5f rgb(225,175,95)
```

Triadic Color

#5f91e1
```
#5f91e1 rgb(95,145,225)
```
#af5fe1
```
#af5fe1 rgb(175,95,225)
```
#e1af5f
```
#e1af5f rgb(225,175,95)
```
#91e15f
```
#91e15f rgb(145,225,95)
```

Tetradic Color

#8d26cd
```
#8d26cd rgb(141,38,205)
```
#9a34d9
```
#9a34d9 rgb(154,52,217)
```
#a44add
```
#a44add rgb(164,74,221)
```
#af5fe1
```
#af5fe1 rgb(175,95,225)
```
#ba74e5
```
#ba74e5 rgb(186,116,229)
```
#c48ae9
```
#c48ae9 rgb(196,138,233)
```
#cf9fed
```
#cf9fed rgb(207,159,237)
```

Monochromatic Color

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

#8f5fe1
```
#8f5fe1 rgb(143,95,225)
```
#995fe1
```
#995fe1 rgb(153,95,225)
```
#a45fe1
```
#a45fe1 rgb(164,95,225)
```
#af5fe1
```
#af5fe1 rgb(175,95,225)
```
#ba5fe1
```
#ba5fe1 rgb(186,95,225)
```
#c55fe1
```
#c55fe1 rgb(197,95,225)
```
#d05fe1
```
#d05fe1 rgb(208,95,225)
```

Similar Colors

Text with hexadecimal color #af5fe1

This text has a font color of #af5fe1.

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

#af5fe1 background color

This paragraph has a background color of #af5fe1.

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

#af5fe1 border color

This element has a border color of #af5fe1.

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

CSS codes

.text {color:#af5fe1;}

.background {background-color:#af5fe1;}

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

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)
```
#310d47
```
#310d47 rgb(49,13,71)
```
#3c1058
```
#3c1058 rgb(60,16,88)
```
#481468
```
#481468 rgb(72,20,104)
```
#531779
```
#531779 rgb(83,23,121)
```
#5e1a89
```
#5e1a89 rgb(94,26,137)
```
#6a1d9a
```
#6a1d9a rgb(106,29,154)
```
#7520aa
```
#7520aa rgb(117,32,170)
```
#8023bb
```
#8023bb rgb(128,35,187)
```
#8c26cb
```
#8c26cb rgb(140,38,203)
```

Shade Color Variation

#962dd8
```
#962dd8 rgb(150,45,216)
```
#9e3edb
```
#9e3edb rgb(158,62,219)
```
#a74ede
```
#a74ede rgb(167,78,222)
```
#af5fe1
```
#af5fe1 rgb(175,95,225)
```
#b770e4
```
#b770e4 rgb(183,112,228)
```
#c080e7
```
#c080e7 rgb(192,128,231)
```
#c891ea
```
#c891ea rgb(200,145,234)
```
#d0a1ed
```
#d0a1ed rgb(208,161,237)
```
#d8b2f0
```
#d8b2f0 rgb(216,178,240)
```
#e1c2f4
```
#e1c2f4 rgb(225,194,244)
```
#e9d3f7
```
#e9d3f7 rgb(233,211,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, #a299a7 is the less saturated color, while #b642fe is the most saturated one.

#a299a7
```
#a299a7 rgb(162,153,167)
```
#a392ae
```
#a392ae rgb(163,146,174)
```
#a58bb5
```
#a58bb5 rgb(165,139,181)
```
#a784bc
```
#a784bc rgb(167,132,188)
```
#a87cc4
```
#a87cc4 rgb(168,124,196)
```
#aa75cb
```
#aa75cb rgb(170,117,203)
```
#ac6ed2
```
#ac6ed2 rgb(172,110,210)
```
#ad66da
```
#ad66da rgb(173,102,218)
```
#af5fe1
```
#af5fe1 rgb(175,95,225)
```
#b158e8
```
#b158e8 rgb(177,88,232)
```
#b250f0
```
#b250f0 rgb(178,80,240)
```
#b449f7
```
#b449f7 rgb(180,73,247)
```
#b642fe
```
#b642fe rgb(182,66,254)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#8e7e98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3785fc Protanopia 1% of men
#548ad6 Deuteranopia 1% of men
#a18089 Tritanopia 0.001% of the population

Trichromacy

#6277f2 Protanomaly 1% of men, 0.01% of women
#757ada Deuteranomaly 6% of men, 0.4% of women
#a674a9 Tritanomaly 0.01% of the population

#af5fe1 hex color

#af5fe1 Color Information

#af5fe1 Color Conversion

Color Schemes with #af5fe1

Alternatives to #af5fe1

#af5fe1 Preview

Shades and Tints of #af5fe1

Tones of #af5fe1

Color Blindness Simulator