#af34f5 hex color

In a RGB color space, hex #af34f5 is composed of 68.6% red, 20.4% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 28.6% cyan, 78.8% magenta, 0% yellow and 3.9% black. It has a hue angle of 278.2 degrees, a saturation of 90.6% and a lightness of 58.2%. #af34f5 color hex could be obtained by blending #ff68ff with #5f00eb. Closest websafe color is: #9933ff.

♥
- f
- t
- g
- R 69
- G 20
- B 96
RGB color chart
- C 29
- M 79
- Y 0
- K 4
CMYK color chart

● #af34f5 color description : Bright violet.

The hexadecimal color #af34f5 has RGB values of R:175, G:52, B:245 and CMYK values of C:0.29, M:0.79, Y:0, K:0.04. Its decimal value is 11482357.

Hex triplet	af34f5	`#af34f5`
RGB Decimal	175, 52, 245	`rgb(175,52,245)`
RGB Percent	68.6, 20.4, 96.1	`rgb(68.6%,20.4%,96.1%)`
CMYK	29, 79, 0, 4
HSL	278.2°, 90.6, 58.2	`hsl(278.2,90.6%,58.2%)`
HSV (or HSB)	278.2°, 78.8, 96.1
Web Safe	9933ff	`#9933ff`

CIE-LAB	49.694, 76.533, -73.047
XYZ	35.386, 18.163, 88.023
xyY	0.25, 0.128, 18.163
CIE-LCH	49.694, 105.798, 316.335
CIE-LUV	49.694, 32.079, -117.899
Hunter-Lab	42.619, 73.626, -92.622
Binary	10101111, 00110100, 11110101

#af34f5
```
#af34f5 rgb(175,52,245)
```
#7af534
```
#7af534 rgb(122,245,52)
```

Complementary Color

#4e34f5
```
#4e34f5 rgb(78,52,245)
```
#af34f5
```
#af34f5 rgb(175,52,245)
```
#f534db
```
#f534db rgb(245,52,219)
```

Analogous Color

#34f54e
```
#34f54e rgb(52,245,78)
```
#af34f5
```
#af34f5 rgb(175,52,245)
```
#dbf534
```
#dbf534 rgb(219,245,52)
```

Split Complementary Color

#34f5af
```
#34f5af rgb(52,245,175)
```
#af34f5
```
#af34f5 rgb(175,52,245)
```
#f5af34
```
#f5af34 rgb(245,175,52)
```

Triadic Color

#347af5
```
#347af5 rgb(52,122,245)
```
#af34f5
```
#af34f5 rgb(175,52,245)
```
#f5af34
```
#f5af34 rgb(245,175,52)
```
#7af534
```
#7af534 rgb(122,245,52)
```

Tetradic Color

#8a0ad2
```
#8a0ad2 rgb(138,10,210)
```
#9a0cea
```
#9a0cea rgb(154,12,234)
```
#a51cf4
```
#a51cf4 rgb(165,28,244)
```
#af34f5
```
#af34f5 rgb(175,52,245)
```
#b94cf6
```
#b94cf6 rgb(185,76,246)
```
#c265f7
```
#c265f7 rgb(194,101,247)
```
#cc7df9
```
#cc7df9 rgb(204,125,249)
```

Monochromatic Color

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

#7f34f5
```
#7f34f5 rgb(127,52,245)
```
#8f34f5
```
#8f34f5 rgb(143,52,245)
```
#9f34f5
```
#9f34f5 rgb(159,52,245)
```
#af34f5
```
#af34f5 rgb(175,52,245)
```
#bf34f5
```
#bf34f5 rgb(191,52,245)
```
#cf34f5
```
#cf34f5 rgb(207,52,245)
```
#df34f5
```
#df34f5 rgb(223,52,245)
```

Similar Colors

Text with hexadecimal color #af34f5

This text has a font color of #af34f5.

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

#af34f5 background color

This paragraph has a background color of #af34f5.

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

#af34f5 border color

This element has a border color of #af34f5.

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

CSS codes

.text {color:#af34f5;}

.background {background-color:#af34f5;}

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

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

#020003
```
#020003 rgb(2,0,3)
```
#0e0115
```
#0e0115 rgb(14,1,21)
```
#1a0228
```
#1a0228 rgb(26,2,40)
```
#26033b
```
#26033b rgb(38,3,59)
```
#33044d
```
#33044d rgb(51,4,77)
```
#3f0560
```
#3f0560 rgb(63,5,96)
```
#4b0673
```
#4b0673 rgb(75,6,115)
```
#570786
```
#570786 rgb(87,7,134)
```
#640798
```
#640798 rgb(100,7,152)
```
#7008ab
```
#7008ab rgb(112,8,171)
```
#7c09be
```
#7c09be rgb(124,9,190)
```
#880ad0
```
#880ad0 rgb(136,10,208)
```
#950be3
```
#950be3 rgb(149,11,227)
```

Shade Color Variation

#a00ff3
```
#a00ff3 rgb(160,15,243)
```
#a821f4
```
#a821f4 rgb(168,33,244)
```
#af34f5
```
#af34f5 rgb(175,52,245)
```
#b647f6
```
#b647f6 rgb(182,71,246)
```
#be59f7
```
#be59f7 rgb(190,89,247)
```
#c56cf8
```
#c56cf8 rgb(197,108,248)
```
#cc7ff9
```
#cc7ff9 rgb(204,127,249)
```
#d491fa
```
#d491fa rgb(212,145,250)
```
#dba4fb
```
#dba4fb rgb(219,164,251)
```
#e3b7fb
```
#e3b7fb rgb(227,183,251)
```
#eacafc
```
#eacafc rgb(234,202,252)
```
#f1dcfd
```
#f1dcfd rgb(241,220,253)
```
#f9effe
```
#f9effe rgb(249,239,254)
```

Tint Color Variation

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

#968e9b
```
#968e9b rgb(150,142,155)
```
#9986a3
```
#9986a3 rgb(153,134,163)
```
#9b7eab
```
#9b7eab rgb(155,126,171)
```
#9d76b3
```
#9d76b3 rgb(157,118,179)
```
#9f6dbc
```
#9f6dbc rgb(159,109,188)
```
#a265c4
```
#a265c4 rgb(162,101,196)
```
#a45dcc
```
#a45dcc rgb(164,93,204)
```
#a655d4
```
#a655d4 rgb(166,85,212)
```
#a84ddc
```
#a84ddc rgb(168,77,220)
```
#ab44e5
```
#ab44e5 rgb(171,68,229)
```
#ad3ced
```
#ad3ced rgb(173,60,237)
```
#af34f5
```
#af34f5 rgb(175,52,245)
```
#b12cfd
```
#b12cfd rgb(177,44,253)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#7c638a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079ec Protanopia 1% of men
#007fd2 Deuteranopia 1% of men
#9a727a Tritanopia 0.001% of the population

Trichromacy

#3f60ef Protanomaly 1% of men, 0.01% of women
#3f64de Deuteranomaly 6% of men, 0.4% of women
#a15ca7 Tritanomaly 0.01% of the population

#af34f5 hex color

#af34f5 Color Information

#af34f5 Color Conversion

Color Schemes with #af34f5

Alternatives to #af34f5

#af34f5 Preview

Shades and Tints of #af34f5

Tones of #af34f5

Color Blindness Simulator