#af2afa hex color

In a RGB color space, hex #af2afa is composed of 68.6% red, 16.5% green and 98% blue. Whereas in a CMYK color space, it is composed of 30% cyan, 83.2% magenta, 0% yellow and 2% black. It has a hue angle of 278.4 degrees, a saturation of 95.4% and a lightness of 57.3%. #af2afa color hex could be obtained by blending #ff54ff with #5f00f5. Closest websafe color is: #9933ff.

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

● #af2afa color description : Bright violet.

The hexadecimal color #af2afa has RGB values of R:175, G:42, B:250 and CMYK values of C:0.3, M:0.83, Y:0, K:0.02. Its decimal value is 11479802.

Hex triplet	af2afa	`#af2afa`
RGB Decimal	175, 42, 250	`rgb(175,42,250)`
RGB Percent	68.6, 16.5, 98	`rgb(68.6%,16.5%,98%)`
CMYK	30, 83, 0, 2
HSL	278.4°, 95.4, 57.3	`hsl(278.4,95.4%,57.3%)`
HSV (or HSB)	278.4°, 83.2, 98
Web Safe	9933ff	`#9933ff`

CIE-LAB	49.097, 80.367, -76.817
XYZ	35.76, 17.673, 91.965
xyY	0.246, 0.122, 17.673
CIE-LCH	49.097, 111.174, 316.294
CIE-LUV	49.097, 32.023, -122.9
Hunter-Lab	42.039, 78.27, -100.275
Binary	10101111, 00101010, 11111010

#af2afa
```
#af2afa rgb(175,42,250)
```
#75fa2a
```
#75fa2a rgb(117,250,42)
```

Complementary Color

#472afa
```
#472afa rgb(71,42,250)
```
#af2afa
```
#af2afa rgb(175,42,250)
```
#fa2add
```
#fa2add rgb(250,42,221)
```

Analogous Color

#2afa47
```
#2afa47 rgb(42,250,71)
```
#af2afa
```
#af2afa rgb(175,42,250)
```
#ddfa2a
```
#ddfa2a rgb(221,250,42)
```

Split Complementary Color

#2afaaf
```
#2afaaf rgb(42,250,175)
```
#af2afa
```
#af2afa rgb(175,42,250)
```
#faaf2a
```
#faaf2a rgb(250,175,42)
```

Triadic Color

#2a75fa
```
#2a75fa rgb(42,117,250)
```
#af2afa
```
#af2afa rgb(175,42,250)
```
#faaf2a
```
#faaf2a rgb(250,175,42)
```
#75fa2a
```
#75fa2a rgb(117,250,42)
```

Tetradic Color

#8805d3
```
#8805d3 rgb(136,5,211)
```
#9906eb
```
#9906eb rgb(153,6,235)
```
#a611f9
```
#a611f9 rgb(166,17,249)
```
#af2afa
```
#af2afa rgb(175,42,250)
```
#b843fb
```
#b843fb rgb(184,67,251)
```
#c25cfb
```
#c25cfb rgb(194,92,251)
```
#cb75fc
```
#cb75fc rgb(203,117,252)
```

Monochromatic Color

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

#7b2afa
```
#7b2afa rgb(123,42,250)
```
#8c2afa
```
#8c2afa rgb(140,42,250)
```
#9e2afa
```
#9e2afa rgb(158,42,250)
```
#af2afa
```
#af2afa rgb(175,42,250)
```
#c02afa
```
#c02afa rgb(192,42,250)
```
#d22afa
```
#d22afa rgb(210,42,250)
```
#e32afa
```
#e32afa rgb(227,42,250)
```

Similar Colors

Text with hexadecimal color #af2afa

This text has a font color of #af2afa.

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

#af2afa background color

This paragraph has a background color of #af2afa.

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

#af2afa border color

This element has a border color of #af2afa.

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

CSS codes

.text {color:#af2afa;}

.background {background-color:#af2afa;}

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

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

#0b0011
```
#0b0011 rgb(11,0,17)
```
#170124
```
#170124 rgb(23,1,36)
```
#240137
```
#240137 rgb(36,1,55)
```
#30024a
```
#30024a rgb(48,2,74)
```
#3d025e
```
#3d025e rgb(61,2,94)
```
#490371
```
#490371 rgb(73,3,113)
```
#560384
```
#560384 rgb(86,3,132)
```
#620497
```
#620497 rgb(98,4,151)
```
#6e04aa
```
#6e04aa rgb(110,4,170)
```
#7b04bd
```
#7b04bd rgb(123,4,189)
```
#8705d1
```
#8705d1 rgb(135,5,209)
```
#9405e4
```
#9405e4 rgb(148,5,228)
```
#a006f7
```
#a006f7 rgb(160,6,247)
```

Shade Color Variation

#a817fa
```
#a817fa rgb(168,23,250)
```
#af2afa
```
#af2afa rgb(175,42,250)
```
#b63dfa
```
#b63dfa rgb(182,61,250)
```
#bd50fb
```
#bd50fb rgb(189,80,251)
```
#c563fb
```
#c563fb rgb(197,99,251)
```
#cc77fc
```
#cc77fc rgb(204,119,252)
```
#d38afc
```
#d38afc rgb(211,138,252)
```
#da9dfd
```
#da9dfd rgb(218,157,253)
```
#e1b0fd
```
#e1b0fd rgb(225,176,253)
```
#e9c3fe
```
#e9c3fe rgb(233,195,254)
```
#f0d6fe
```
#f0d6fe rgb(240,214,254)
```
#f7eafe
```
#f7eafe rgb(247,234,254)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#938f95
```
#938f95 rgb(147,143,149)
```
#95869e
```
#95869e rgb(149,134,158)
```
#987ea6
```
#987ea6 rgb(152,126,166)
```
#9a75af
```
#9a75af rgb(154,117,175)
```
#9c6db7
```
#9c6db7 rgb(156,109,183)
```
#9f65bf
```
#9f65bf rgb(159,101,191)
```
#a15cc8
```
#a15cc8 rgb(161,92,200)
```
#a354d0
```
#a354d0 rgb(163,84,208)
```
#a64cd8
```
#a64cd8 rgb(166,76,216)
```
#a843e1
```
#a843e1 rgb(168,67,225)
```
#aa3be9
```
#aa3be9 rgb(170,59,233)
```
#ad32f2
```
#ad32f2 rgb(173,50,242)
```
#af2afa
```
#af2afa rgb(175,42,250)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#775c86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0078ea Protanopia 1% of men
#007ece Deuteranopia 1% of men
#987179 Tritanopia 0.001% of the population

Trichromacy

#3f5bef Protanomaly 1% of men, 0.01% of women
#3f5fde Deuteranomaly 6% of men, 0.4% of women
#a057a8 Tritanomaly 0.01% of the population

#af2afa hex color

#af2afa Color Information

#af2afa Color Conversion

Color Schemes with #af2afa

Alternatives to #af2afa

#af2afa Preview

Shades and Tints of #af2afa

Tones of #af2afa

Color Blindness Simulator