#af2ffa hex color

In a RGB color space, hex #af2ffa is composed of 68.6% red, 18.4% green and 98% blue. Whereas in a CMYK color space, it is composed of 30% cyan, 81.2% magenta, 0% yellow and 2% black. It has a hue angle of 277.8 degrees, a saturation of 95.3% and a lightness of 58.2%. #af2ffa color hex could be obtained by blending #ff5eff with #5f00f5. Closest websafe color is: #9933ff.

♥
- f
- t
- g
- R 69
- G 18
- B 98
RGB color chart
- C 30
- M 81
- Y 0
- K 2
CMYK color chart

● #af2ffa color description : Bright violet.

The hexadecimal color #af2ffa has RGB values of R:175, G:47, B:250 and CMYK values of C:0.3, M:0.81, Y:0, K:0.02. Its decimal value is 11481082.

Hex triplet	af2ffa	`#af2ffa`
RGB Decimal	175, 47, 250	`rgb(175,47,250)`
RGB Percent	68.6, 18.4, 98	`rgb(68.6%,18.4%,98%)`
CMYK	30, 81, 0, 2
HSL	277.8°, 95.3, 58.2	`hsl(277.8,95.3%,58.2%)`
HSV (or HSB)	277.8°, 81.2, 98
Web Safe	9933ff	`#9933ff`

CIE-LAB	49.557, 79.019, -76.067
XYZ	35.949, 18.05, 92.027
xyY	0.246, 0.124, 18.05
CIE-LCH	49.557, 109.682, 316.09
CIE-LUV	49.557, 31.502, -122.139
Hunter-Lab	42.485, 76.687, -98.688
Binary	10101111, 00101111, 11111010

#af2ffa
```
#af2ffa rgb(175,47,250)
```
#7afa2f
```
#7afa2f rgb(122,250,47)
```

Complementary Color

#4a2ffa
```
#4a2ffa rgb(74,47,250)
```
#af2ffa
```
#af2ffa rgb(175,47,250)
```
#fa2fe0
```
#fa2fe0 rgb(250,47,224)
```

Analogous Color

#2ffa4a
```
#2ffa4a rgb(47,250,74)
```
#af2ffa
```
#af2ffa rgb(175,47,250)
```
#e0fa2f
```
#e0fa2f rgb(224,250,47)
```

Split Complementary Color

#2ffaaf
```
#2ffaaf rgb(47,250,175)
```
#af2ffa
```
#af2ffa rgb(175,47,250)
```
#faaf2f
```
#faaf2f rgb(250,175,47)
```

Triadic Color

#2f7afa
```
#2f7afa rgb(47,122,250)
```
#af2ffa
```
#af2ffa rgb(175,47,250)
```
#faaf2f
```
#faaf2f rgb(250,175,47)
```
#7afa2f
```
#7afa2f rgb(122,250,47)
```

Tetradic Color

#8a05d7
```
#8a05d7 rgb(138,5,215)
```
#9a06f0
```
#9a06f0 rgb(154,6,240)
```
#a516f9
```
#a516f9 rgb(165,22,249)
```
#af2ffa
```
#af2ffa rgb(175,47,250)
```
#b948fb
```
#b948fb rgb(185,72,251)
```
#c261fb
```
#c261fb rgb(194,97,251)
```
#cc7afc
```
#cc7afc rgb(204,122,252)
```

Monochromatic Color

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

#7c2ffa
```
#7c2ffa rgb(124,47,250)
```
#8d2ffa
```
#8d2ffa rgb(141,47,250)
```
#9e2ffa
```
#9e2ffa rgb(158,47,250)
```
#af2ffa
```
#af2ffa rgb(175,47,250)
```
#c02ffa
```
#c02ffa rgb(192,47,250)
```
#d12ffa
```
#d12ffa rgb(209,47,250)
```
#e22ffa
```
#e22ffa rgb(226,47,250)
```

Similar Colors

Text with hexadecimal color #af2ffa

This text has a font color of #af2ffa.

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

#af2ffa background color

This paragraph has a background color of #af2ffa.

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

#af2ffa border color

This element has a border color of #af2ffa.

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

CSS codes

.text {color:#af2ffa;}

.background {background-color:#af2ffa;}

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

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 #f9efff is the lightest one.

#020003
```
#020003 rgb(2,0,3)
```
#0e0116
```
#0e0116 rgb(14,1,22)
```
#1a0129
```
#1a0129 rgb(26,1,41)
```
#26013c
```
#26013c rgb(38,1,60)
```
#33024f
```
#33024f rgb(51,2,79)
```
#3f0262
```
#3f0262 rgb(63,2,98)
```
#4b0376
```
#4b0376 rgb(75,3,118)
```
#570389
```
#570389 rgb(87,3,137)
```
#64049c
```
#64049c rgb(100,4,156)
```
#7004af
```
#7004af rgb(112,4,175)
```
#7c05c2
```
#7c05c2 rgb(124,5,194)
```
#8805d5
```
#8805d5 rgb(136,5,213)
```
#9506e9
```
#9506e9 rgb(149,6,233)
```

Shade Color Variation

#a009f9
```
#a009f9 rgb(160,9,249)
```
#a81cfa
```
#a81cfa rgb(168,28,250)
```
#af2ffa
```
#af2ffa rgb(175,47,250)
```
#b642fa
```
#b642fa rgb(182,66,250)
```
#be55fb
```
#be55fb rgb(190,85,251)
```
#c568fb
```
#c568fb rgb(197,104,251)
```
#cc7cfc
```
#cc7cfc rgb(204,124,252)
```
#d48ffc
```
#d48ffc rgb(212,143,252)
```
#dba2fd
```
#dba2fd rgb(219,162,253)
```
#e3b5fd
```
#e3b5fd rgb(227,181,253)
```
#eac8fe
```
#eac8fe rgb(234,200,254)
```
#f1dbfe
```
#f1dbfe rgb(241,219,254)
```
#f9efff
```
#f9efff rgb(249,239,255)
```

Tint Color Variation

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

#959198
```
#959198 rgb(149,145,152)
```
#9789a0
```
#9789a0 rgb(151,137,160)
```
#9a81a8
```
#9a81a8 rgb(154,129,168)
```
#9c79b0
```
#9c79b0 rgb(156,121,176)
```
#9e71b8
```
#9e71b8 rgb(158,113,184)
```
#a068c1
```
#a068c1 rgb(160,104,193)
```
#a260c9
```
#a260c9 rgb(162,96,201)
```
#a458d1
```
#a458d1 rgb(164,88,209)
```
#a650d9
```
#a650d9 rgb(166,80,217)
```
#a948e1
```
#a948e1 rgb(169,72,225)
```
#ab3fea
```
#ab3fea rgb(171,63,234)
```
#ad37f2
```
#ad37f2 rgb(173,55,242)
```
#af2ffa
```
#af2ffa rgb(175,47,250)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#796088 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079ec Protanopia 1% of men
#007fd0 Deuteranopia 1% of men
#98737b Tritanopia 0.001% of the population

Trichromacy

#3f5ef1 Protanomaly 1% of men, 0.01% of women
#3f62df Deuteranomaly 6% of men, 0.4% of women
#a05aa9 Tritanomaly 0.01% of the population

#af2ffa hex color

#af2ffa Color Information

#af2ffa Color Conversion

Color Schemes with #af2ffa

Alternatives to #af2ffa

#af2ffa Preview

Shades and Tints of #af2ffa

Tones of #af2ffa

Color Blindness Simulator