#af5fe4 hex color

In a RGB color space, hex #af5fe4 is composed of 68.6% red, 37.3% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 23.2% cyan, 58.3% magenta, 0% yellow and 10.6% black. It has a hue angle of 276.1 degrees, a saturation of 71.1% and a lightness of 63.3%. #af5fe4 color hex could be obtained by blending #ffbeff with #5f00c9. 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

● #af5fe4 color description : Soft violet.

The hexadecimal color #af5fe4 has RGB values of R:175, G:95, B:228 and CMYK values of C:0.23, M:0.58, Y:0, K:0.11. Its decimal value is 11493348.

Hex triplet	af5fe4	`#af5fe4`
RGB Decimal	175, 95, 228	`rgb(175,95,228)`
RGB Percent	68.6, 37.3, 89.4	`rgb(68.6%,37.3%,89.4%)`
CMYK	23, 58, 0, 11
HSL	276.1°, 71.1, 63.3	`hsl(276.1,71.1%,63.3%)`
HSV (or HSB)	276.1°, 58.3, 89.4
Web Safe	9966cc	`#9966cc`

CIE-LAB	54.97, 55.097, -54.995
XYZ	35.773, 22.901, 75.93
xyY	0.266, 0.17, 22.901
CIE-LCH	54.97, 77.847, 315.053
CIE-LUV	54.97, 27.061, -92.062
Hunter-Lab	47.855, 49.69, -60.577
Binary	10101111, 01011111, 11100100

#af5fe4
```
#af5fe4 rgb(175,95,228)
```
#94e45f
```
#94e45f rgb(148,228,95)
```

Complementary Color

#6d5fe4
```
#6d5fe4 rgb(109,95,228)
```
#af5fe4
```
#af5fe4 rgb(175,95,228)
```
#e45fd7
```
#e45fd7 rgb(228,95,215)
```

Analogous Color

#5fe46d
```
#5fe46d rgb(95,228,109)
```
#af5fe4
```
#af5fe4 rgb(175,95,228)
```
#d7e45f
```
#d7e45f rgb(215,228,95)
```

Split Complementary Color

#5fe4af
```
#5fe4af rgb(95,228,175)
```
#af5fe4
```
#af5fe4 rgb(175,95,228)
```
#e4af5f
```
#e4af5f rgb(228,175,95)
```

Triadic Color

#5f94e4
```
#5f94e4 rgb(95,148,228)
```
#af5fe4
```
#af5fe4 rgb(175,95,228)
```
#e4af5f
```
#e4af5f rgb(228,175,95)
```
#94e45f
```
#94e45f rgb(148,228,95)
```

Tetradic Color

#8d24d3
```
#8d24d3 rgb(141,36,211)
```
#9933dd
```
#9933dd rgb(153,51,221)
```
#a449e0
```
#a449e0 rgb(164,73,224)
```
#af5fe4
```
#af5fe4 rgb(175,95,228)
```
#ba75e8
```
#ba75e8 rgb(186,117,232)
```
#c58beb
```
#c58beb rgb(197,139,235)
```
#d0a0ef
```
#d0a0ef rgb(208,160,239)
```

Monochromatic Color

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

#8e5fe4
```
#8e5fe4 rgb(142,95,228)
```
#995fe4
```
#995fe4 rgb(153,95,228)
```
#a45fe4
```
#a45fe4 rgb(164,95,228)
```
#af5fe4
```
#af5fe4 rgb(175,95,228)
```
#ba5fe4
```
#ba5fe4 rgb(186,95,228)
```
#c55fe4
```
#c55fe4 rgb(197,95,228)
```
#d05fe4
```
#d05fe4 rgb(208,95,228)
```

Similar Colors

Text with hexadecimal color #af5fe4

This text has a font color of #af5fe4.

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

#af5fe4 background color

This paragraph has a background color of #af5fe4.

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

#af5fe4 border color

This element has a border color of #af5fe4.

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

CSS codes

.text {color:#af5fe4;}

.background {background-color:#af5fe4;}

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

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

#050108
```
#050108 rgb(5,1,8)
```
#100419
```
#100419 rgb(16,4,25)
```
#1c0729
```
#1c0729 rgb(28,7,41)
```
#270a3a
```
#270a3a rgb(39,10,58)
```
#320d4b
```
#320d4b rgb(50,13,75)
```
#3d0f5c
```
#3d0f5c rgb(61,15,92)
```
#49126d
```
#49126d rgb(73,18,109)
```
#54157d
```
#54157d rgb(84,21,125)
```
#5f188e
```
#5f188e rgb(95,24,142)
```
#6a1b9f
```
#6a1b9f rgb(106,27,159)
```
#751eb0
```
#751eb0 rgb(117,30,176)
```
#8120c0
```
#8120c0 rgb(129,32,192)
```
#8c23d1
```
#8c23d1 rgb(140,35,209)
```

Shade Color Variation

#962ddc
```
#962ddc rgb(150,45,220)
```
#9e3dde
```
#9e3dde rgb(158,61,222)
```
#a74ee1
```
#a74ee1 rgb(167,78,225)
```
#af5fe4
```
#af5fe4 rgb(175,95,228)
```
#b770e7
```
#b770e7 rgb(183,112,231)
```
#c081ea
```
#c081ea rgb(192,129,234)
```
#c891ec
```
#c891ec rgb(200,145,236)
```
#d1a2ef
```
#d1a2ef rgb(209,162,239)
```
#d9b3f2
```
#d9b3f2 rgb(217,179,242)
```
#e1c4f5
```
#e1c4f5 rgb(225,196,245)
```
#ead4f8
```
#ead4f8 rgb(234,212,248)
```
#f2e5fb
```
#f2e5fb rgb(242,229,251)
```
#fbf6fd
```
#fbf6fd rgb(251,246,253)
```

Tint Color Variation

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

#a2a0a3
```
#a2a0a3 rgb(162,160,163)
```
#a399aa
```
#a399aa rgb(163,153,170)
```
#a591b2
```
#a591b2 rgb(165,145,178)
```
#a68ab9
```
#a68ab9 rgb(166,138,185)
```
#a883c0
```
#a883c0 rgb(168,131,192)
```
#a97cc7
```
#a97cc7 rgb(169,124,199)
```
#ab75ce
```
#ab75ce rgb(171,117,206)
```
#ac6dd6
```
#ac6dd6 rgb(172,109,214)
```
#ae66dd
```
#ae66dd rgb(174,102,221)
```
#af5fe4
```
#af5fe4 rgb(175,95,228)
```
#b058eb
```
#b058eb rgb(176,88,235)
```
#b251f2
```
#b251f2 rgb(178,81,242)
```
#b349fa
```
#b349fa rgb(179,73,250)
```

Tone Color Variation

Below, you can see how #af5fe4 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
#8e7e99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3285ff Protanopia 1% of men
#518ad9 Deuteranopia 1% of men
#a1818a Tritanopia 0.001% of the population

Trichromacy

#5f77f5 Protanomaly 1% of men, 0.01% of women
#737add Deuteranomaly 6% of men, 0.4% of women
#a675ab Tritanomaly 0.01% of the population

#af5fe4 hex color

#af5fe4 Color Information

#af5fe4 Color Conversion

Color Schemes with #af5fe4

Alternatives to #af5fe4

#af5fe4 Preview

Shades and Tints of #af5fe4

Tones of #af5fe4

Color Blindness Simulator