#af5cf2 hex color

In a RGB color space, hex #af5cf2 is composed of 68.6% red, 36.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 27.7% cyan, 62% magenta, 0% yellow and 5.1% black. It has a hue angle of 273.2 degrees, a saturation of 85.2% and a lightness of 65.5%. #af5cf2 color hex could be obtained by blending #ffb8ff with #5f00e5. Closest websafe color is: #9966ff.

♥
- f
- t
- g
- R 69
- G 36
- B 95
RGB color chart
- C 28
- M 62
- Y 0
- K 5
CMYK color chart

● #af5cf2 color description : Soft violet.

The hexadecimal color #af5cf2 has RGB values of R:175, G:92, B:242 and CMYK values of C:0.28, M:0.62, Y:0, K:0.05. Its decimal value is 11492594.

Hex triplet	af5cf2	`#af5cf2`
RGB Decimal	175, 92, 242	`rgb(175,92,242)`
RGB Percent	68.6, 36.1, 94.9	`rgb(68.6%,36.1%,94.9%)`
CMYK	28, 62, 0, 5
HSL	273.2°, 85.2, 65.5	`hsl(273.2,85.2%,65.5%)`
HSV (or HSB)	273.2°, 62, 94.9
Web Safe	9966ff	`#9966ff`

CIE-LAB	55.257, 59.678, -62.372
XYZ	37.531, 23.18, 86.497
xyY	0.255, 0.157, 23.18
CIE-LCH	55.257, 86.324, 313.736
CIE-LUV	55.257, 25.151, -103.984
Hunter-Lab	48.145, 54.893, -72.817
Binary	10101111, 01011100, 11110010

#af5cf2
```
#af5cf2 rgb(175,92,242)
```
#9ff25c
```
#9ff25c rgb(159,242,92)
```

Complementary Color

#645cf2
```
#645cf2 rgb(100,92,242)
```
#af5cf2
```
#af5cf2 rgb(175,92,242)
```
#f25cea
```
#f25cea rgb(242,92,234)
```

Analogous Color

#5cf264
```
#5cf264 rgb(92,242,100)
```
#af5cf2
```
#af5cf2 rgb(175,92,242)
```
#eaf25c
```
#eaf25c rgb(234,242,92)
```

Split Complementary Color

#5cf2af
```
#5cf2af rgb(92,242,175)
```
#af5cf2
```
#af5cf2 rgb(175,92,242)
```
#f2af5c
```
#f2af5c rgb(242,175,92)
```

Triadic Color

#5c9ff2
```
#5c9ff2 rgb(92,159,242)
```
#af5cf2
```
#af5cf2 rgb(175,92,242)
```
#f2af5c
```
#f2af5c rgb(242,175,92)
```
#9ff25c
```
#9ff25c rgb(159,242,92)
```

Tetradic Color

#8c15ec
```
#8c15ec rgb(140,21,236)
```
#982dee
```
#982dee rgb(152,45,238)
```
#a344f0
```
#a344f0 rgb(163,68,240)
```
#af5cf2
```
#af5cf2 rgb(175,92,242)
```
#bb74f4
```
#bb74f4 rgb(187,116,244)
```
#c68bf6
```
#c68bf6 rgb(198,139,246)
```
#d2a3f8
```
#d2a3f8 rgb(210,163,248)
```

Monochromatic Color

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

#8a5cf2
```
#8a5cf2 rgb(138,92,242)
```
#965cf2
```
#965cf2 rgb(150,92,242)
```
#a35cf2
```
#a35cf2 rgb(163,92,242)
```
#af5cf2
```
#af5cf2 rgb(175,92,242)
```
#bc5cf2
```
#bc5cf2 rgb(188,92,242)
```
#c85cf2
```
#c85cf2 rgb(200,92,242)
```
#d55cf2
```
#d55cf2 rgb(213,92,242)
```

Similar Colors

Text with hexadecimal color #af5cf2

This text has a font color of #af5cf2.

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

#af5cf2 background color

This paragraph has a background color of #af5cf2.

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

#af5cf2 border color

This element has a border color of #af5cf2.

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

CSS codes

.text {color:#af5cf2;}

.background {background-color:#af5cf2;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0b0113
```
#0b0113 rgb(11,1,19)
```
#160325
```
#160325 rgb(22,3,37)
```
#200437
```
#200437 rgb(32,4,55)
```
#2b0649
```
#2b0649 rgb(43,6,73)
```
#36075b
```
#36075b rgb(54,7,91)
```
#40096d
```
#40096d rgb(64,9,109)
```
#4b0a80
```
#4b0a80 rgb(75,10,128)
```
#560c92
```
#560c92 rgb(86,12,146)
```
#610da4
```
#610da4 rgb(97,13,164)
```
#6b0fb6
```
#6b0fb6 rgb(107,15,182)
```
#7610c8
```
#7610c8 rgb(118,16,200)
```
#8111da
```
#8111da rgb(129,17,218)
```

Shade Color Variation

#8b13ec
```
#8b13ec rgb(139,19,236)
```
#9426ee
```
#9426ee rgb(148,38,238)
```
#9d38ef
```
#9d38ef rgb(157,56,239)
```
#a64af1
```
#a64af1 rgb(166,74,241)
```
#af5cf2
```
#af5cf2 rgb(175,92,242)
```
#b86ef3
```
#b86ef3 rgb(184,110,243)
```
#c180f5
```
#c180f5 rgb(193,128,245)
```
#ca92f6
```
#ca92f6 rgb(202,146,246)
```
#d3a5f8
```
#d3a5f8 rgb(211,165,248)
```
#dcb7f9
```
#dcb7f9 rgb(220,183,249)
```
#e4c9fb
```
#e4c9fb rgb(228,201,251)
```
#eddbfc
```
#eddbfc rgb(237,219,252)
```
#f6edfe
```
#f6edfe rgb(246,237,254)
```

Tint Color Variation

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

#a7a6a8
```
#a7a6a8 rgb(167,166,168)
```
#a8a0ae
```
#a8a0ae rgb(168,160,174)
```
#a999b5
```
#a999b5 rgb(169,153,181)
```
#a992bc
```
#a992bc rgb(169,146,188)
```
#aa8bc3
```
#aa8bc3 rgb(170,139,195)
```
#ab85c9
```
#ab85c9 rgb(171,133,201)
```
#ab7ed0
```
#ab7ed0 rgb(171,126,208)
```
#ac77d7
```
#ac77d7 rgb(172,119,215)
```
#ad70de
```
#ad70de rgb(173,112,222)
```
#ae6ae4
```
#ae6ae4 rgb(174,106,228)
```
#ae63eb
```
#ae63eb rgb(174,99,235)
```
#af5cf2
```
#af5cf2 rgb(175,92,242)
```
#b055f9
```
#b055f9 rgb(176,85,249)
```

Tone Color Variation

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

Dichromacy

#3486ff Protanopia 1% of men
#378ce4 Deuteranopia 1% of men
#9d848d Tritanopia 0.001% of the population

Trichromacy

#6177fa Protanomaly 1% of men, 0.01% of women
#627ae9 Deuteranomaly 6% of men, 0.4% of women
#a375b1 Tritanomaly 0.01% of the population

#af5cf2 hex color

#af5cf2 Color Information

#af5cf2 Color Conversion

Color Schemes with #af5cf2

Alternatives to #af5cf2

#af5cf2 Preview

Shades and Tints of #af5cf2

Tones of #af5cf2

Color Blindness Simulator