#af34f2 hex color

In a RGB color space, hex #af34f2 is composed of 68.6% red, 20.4% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 27.7% cyan, 78.5% magenta, 0% yellow and 5.1% black. It has a hue angle of 278.8 degrees, a saturation of 88% and a lightness of 57.6%. #af34f2 color hex could be obtained by blending #ff68ff with #5f00e5. Closest websafe color is: #9933ff.

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

● #af34f2 color description : Bright violet.

The hexadecimal color #af34f2 has RGB values of R:175, G:52, B:242 and CMYK values of C:0.28, M:0.79, Y:0, K:0.05. Its decimal value is 11482354.

Hex triplet	af34f2	`#af34f2`
RGB Decimal	175, 52, 242	`rgb(175,52,242)`
RGB Percent	68.6, 20.4, 94.9	`rgb(68.6%,20.4%,94.9%)`
CMYK	28, 79, 0, 5
HSL	278.8°, 88, 57.6	`hsl(278.8,88%,57.6%)`
HSV (or HSB)	278.8°, 78.5, 94.9
Web Safe	9933ff	`#9933ff`

CIE-LAB	49.474, 75.935, -71.723
XYZ	34.932, 17.982, 85.63
xyY	0.252, 0.13, 17.982
CIE-LCH	49.474, 104.452, 316.634
CIE-LUV	49.474, 32.792, -115.86
Hunter-Lab	42.405, 72.835, -90.044
Binary	10101111, 00110100, 11110010

#af34f2
```
#af34f2 rgb(175,52,242)
```
#77f234
```
#77f234 rgb(119,242,52)
```

Complementary Color

#5034f2
```
#5034f2 rgb(80,52,242)
```
#af34f2
```
#af34f2 rgb(175,52,242)
```
#f234d6
```
#f234d6 rgb(242,52,214)
```

Analogous Color

#34f250
```
#34f250 rgb(52,242,80)
```
#af34f2
```
#af34f2 rgb(175,52,242)
```
#d6f234
```
#d6f234 rgb(214,242,52)
```

Split Complementary Color

#34f2af
```
#34f2af rgb(52,242,175)
```
#af34f2
```
#af34f2 rgb(175,52,242)
```
#f2af34
```
#f2af34 rgb(242,175,52)
```

Triadic Color

#3477f2
```
#3477f2 rgb(52,119,242)
```
#af34f2
```
#af34f2 rgb(175,52,242)
```
#f2af34
```
#f2af34 rgb(242,175,52)
```
#77f234
```
#77f234 rgb(119,242,52)
```

Tetradic Color

#890dcc
```
#890dcc rgb(137,13,204)
```
#990fe4
```
#990fe4 rgb(153,15,228)
```
#a61cf0
```
#a61cf0 rgb(166,28,240)
```
#af34f2
```
#af34f2 rgb(175,52,242)
```
#b84cf4
```
#b84cf4 rgb(184,76,244)
```
#c264f5
```
#c264f5 rgb(194,100,245)
```
#cb7cf7
```
#cb7cf7 rgb(203,124,247)
```

Monochromatic Color

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

#8034f2
```
#8034f2 rgb(128,52,242)
```
#8f34f2
```
#8f34f2 rgb(143,52,242)
```
#9f34f2
```
#9f34f2 rgb(159,52,242)
```
#af34f2
```
#af34f2 rgb(175,52,242)
```
#bf34f2
```
#bf34f2 rgb(191,52,242)
```
#cf34f2
```
#cf34f2 rgb(207,52,242)
```
#df34f2
```
#df34f2 rgb(223,52,242)
```

Similar Colors

Text with hexadecimal color #af34f2

This text has a font color of #af34f2.

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

#af34f2 background color

This paragraph has a background color of #af34f2.

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

#af34f2 border color

This element has a border color of #af34f2.

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

CSS codes

.text {color:#af34f2;}

.background {background-color:#af34f2;}

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

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, #0c0112 is the darkest color, while #ffffff is the lightest one.

#0c0112
```
#0c0112 rgb(12,1,18)
```
#190225
```
#190225 rgb(25,2,37)
```
#250437
```
#250437 rgb(37,4,55)
```
#31054a
```
#31054a rgb(49,5,74)
```
#3e065c
```
#3e065c rgb(62,6,92)
```
#4a076e
```
#4a076e rgb(74,7,110)
```
#560881
```
#560881 rgb(86,8,129)
```
#630993
```
#630993 rgb(99,9,147)
```
#6f0ba6
```
#6f0ba6 rgb(111,11,166)
```
#7b0cb8
```
#7b0cb8 rgb(123,12,184)
```
#880dcb
```
#880dcb rgb(136,13,203)
```
#940edd
```
#940edd rgb(148,14,221)
```
#a00fef
```
#a00fef rgb(160,15,239)
```

Shade Color Variation

#a822f1
```
#a822f1 rgb(168,34,241)
```
#af34f2
```
#af34f2 rgb(175,52,242)
```
#b646f3
```
#b646f3 rgb(182,70,243)
```
#be59f4
```
#be59f4 rgb(190,89,244)
```
#c56bf6
```
#c56bf6 rgb(197,107,246)
```
#cc7ef7
```
#cc7ef7 rgb(204,126,247)
```
#d390f8
```
#d390f8 rgb(211,144,248)
```
#dba3f9
```
#dba3f9 rgb(219,163,249)
```
#e2b5fa
```
#e2b5fa rgb(226,181,250)
```
#e9c7fb
```
#e9c7fb rgb(233,199,251)
```
#f0dafd
```
#f0dafd rgb(240,218,253)
```
#f8ecfe
```
#f8ecfe rgb(248,236,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#948f97
```
#948f97 rgb(148,143,151)
```
#97879f
```
#97879f rgb(151,135,159)
```
#997fa7
```
#997fa7 rgb(153,127,167)
```
#9b76b0
```
#9b76b0 rgb(155,118,176)
```
#9e6eb8
```
#9e6eb8 rgb(158,110,184)
```
#a066c0
```
#a066c0 rgb(160,102,192)
```
#a35ec8
```
#a35ec8 rgb(163,94,200)
```
#a555d1
```
#a555d1 rgb(165,85,209)
```
#a84dd9
```
#a84dd9 rgb(168,77,217)
```
#aa45e1
```
#aa45e1 rgb(170,69,225)
```
#ad3cea
```
#ad3cea rgb(173,60,234)
```
#af34f2
```
#af34f2 rgb(175,52,242)
```
#b12cfa
```
#b12cfa rgb(177,44,250)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#7b6288 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079ec Protanopia 1% of men
#007fd1 Deuteranopia 1% of men
#9a7179 Tritanopia 0.001% of the population

Trichromacy

#3f60ee Protanomaly 1% of men, 0.01% of women
#3f63dd Deuteranomaly 6% of men, 0.4% of women
#a25ba5 Tritanomaly 0.01% of the population

#af34f2 hex color

#af34f2 Color Information

#af34f2 Color Conversion

Color Schemes with #af34f2

Alternatives to #af34f2

#af34f2 Preview

Shades and Tints of #af34f2

Tones of #af34f2

Color Blindness Simulator