#af36fa hex color

In a RGB color space, hex #af36fa is composed of 68.6% red, 21.2% green and 98% blue. Whereas in a CMYK color space, it is composed of 30% cyan, 78.4% magenta, 0% yellow and 2% black. It has a hue angle of 277 degrees, a saturation of 95.1% and a lightness of 59.6%. #af36fa color hex could be obtained by blending #ff6cff with #5f00f5. Closest websafe color is: #9933ff.

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

● #af36fa color description : Bright violet.

The hexadecimal color #af36fa has RGB values of R:175, G:54, B:250 and CMYK values of C:0.3, M:0.78, Y:0, K:0.02. Its decimal value is 11482874.

Hex triplet	af36fa	`#af36fa`
RGB Decimal	175, 54, 250	`rgb(175,54,250)`
RGB Percent	68.6, 21.2, 98	`rgb(68.6%,21.2%,98%)`
CMYK	30, 78, 0, 2
HSL	277°, 95.1, 59.6	`hsl(277,95.1%,59.6%)`
HSV (or HSB)	277°, 78.4, 98
Web Safe	9933ff	`#9933ff`

CIE-LAB	50.281, 76.907, -74.887
XYZ	36.251, 18.655, 92.128
xyY	0.247, 0.127, 18.655
CIE-LCH	50.281, 107.344, 315.763
CIE-LUV	50.281, 30.662, -120.893
Hunter-Lab	43.192, 74.231, -96.232
Binary	10101111, 00110110, 11111010

#af36fa
```
#af36fa rgb(175,54,250)
```
#81fa36
```
#81fa36 rgb(129,250,54)
```

Complementary Color

#4d36fa
```
#4d36fa rgb(77,54,250)
```
#af36fa
```
#af36fa rgb(175,54,250)
```
#fa36e3
```
#fa36e3 rgb(250,54,227)
```

Analogous Color

#36fa4d
```
#36fa4d rgb(54,250,77)
```
#af36fa
```
#af36fa rgb(175,54,250)
```
#e3fa36
```
#e3fa36 rgb(227,250,54)
```

Split Complementary Color

#36faaf
```
#36faaf rgb(54,250,175)
```
#af36fa
```
#af36fa rgb(175,54,250)
```
#faaf36
```
#faaf36 rgb(250,175,54)
```

Triadic Color

#3681fa
```
#3681fa rgb(54,129,250)
```
#af36fa
```
#af36fa rgb(175,54,250)
```
#faaf36
```
#faaf36 rgb(250,175,54)
```
#81fa36
```
#81fa36 rgb(129,250,54)
```

Tetradic Color

#8b06de
```
#8b06de rgb(139,6,222)
```
#9b06f7
```
#9b06f7 rgb(155,6,247)
```
#a51df9
```
#a51df9 rgb(165,29,249)
```
#af36fa
```
#af36fa rgb(175,54,250)
```
#b94ffb
```
#b94ffb rgb(185,79,251)
```
#c368fb
```
#c368fb rgb(195,104,251)
```
#cd81fc
```
#cd81fc rgb(205,129,252)
```

Monochromatic Color

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

#7e36fa
```
#7e36fa rgb(126,54,250)
```
#8e36fa
```
#8e36fa rgb(142,54,250)
```
#9f36fa
```
#9f36fa rgb(159,54,250)
```
#af36fa
```
#af36fa rgb(175,54,250)
```
#bf36fa
```
#bf36fa rgb(191,54,250)
```
#d036fa
```
#d036fa rgb(208,54,250)
```
#e036fa
```
#e036fa rgb(224,54,250)
```

Similar Colors

Text with hexadecimal color #af36fa

This text has a font color of #af36fa.

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

#af36fa background color

This paragraph has a background color of #af36fa.

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

#af36fa border color

This element has a border color of #af36fa.

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

CSS codes

.text {color:#af36fa;}

.background {background-color:#af36fa;}

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

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, #06000a is the darkest color, while #fbf5ff is the lightest one.

#06000a
```
#06000a rgb(6,0,10)
```
#12011d
```
#12011d rgb(18,1,29)
```
#1e0130
```
#1e0130 rgb(30,1,48)
```
#2a0243
```
#2a0243 rgb(42,2,67)
```
#360256
```
#360256 rgb(54,2,86)
```
#420369
```
#420369 rgb(66,3,105)
```
#4e037c
```
#4e037c rgb(78,3,124)
```
#5a0490
```
#5a0490 rgb(90,4,144)
```
#6604a3
```
#6604a3 rgb(102,4,163)
```
#7205b6
```
#7205b6 rgb(114,5,182)
```
#7e05c9
```
#7e05c9 rgb(126,5,201)
```
#8a05dc
```
#8a05dc rgb(138,5,220)
```
#9606ef
```
#9606ef rgb(150,6,239)
```

Shade Color Variation

#a010f9
```
#a010f9 rgb(160,16,249)
```
#a723fa
```
#a723fa rgb(167,35,250)
```
#af36fa
```
#af36fa rgb(175,54,250)
```
#b749fa
```
#b749fa rgb(183,73,250)
```
#be5cfb
```
#be5cfb rgb(190,92,251)
```
#c66ffb
```
#c66ffb rgb(198,111,251)
```
#cd83fc
```
#cd83fc rgb(205,131,252)
```
#d596fc
```
#d596fc rgb(213,150,252)
```
#dda9fd
```
#dda9fd rgb(221,169,253)
```
#e4bcfd
```
#e4bcfd rgb(228,188,253)
```
#eccffe
```
#eccffe rgb(236,207,254)
```
#f4e2fe
```
#f4e2fe rgb(244,226,254)
```
#fbf5ff
```
#fbf5ff rgb(251,245,255)
```

Tint Color Variation

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

#99959b
```
#99959b rgb(153,149,155)
```
#9b8da3
```
#9b8da3 rgb(155,141,163)
```
#9c85ab
```
#9c85ab rgb(156,133,171)
```
#9e7db3
```
#9e7db3 rgb(158,125,179)
```
#a075bb
```
#a075bb rgb(160,117,187)
```
#a26dc3
```
#a26dc3 rgb(162,109,195)
```
#a466ca
```
#a466ca rgb(164,102,202)
```
#a65ed2
```
#a65ed2 rgb(166,94,210)
```
#a856da
```
#a856da rgb(168,86,218)
```
#a94ee2
```
#a94ee2 rgb(169,78,226)
```
#ab46ea
```
#ab46ea rgb(171,70,234)
```
#ad3ef2
```
#ad3ef2 rgb(173,62,242)
```
#af36fa
```
#af36fa rgb(175,54,250)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#7d658c Atypical Achromatopsia 0.001% of the population

Dichromacy

#007bef Protanopia 1% of men
#0081d4 Deuteranopia 1% of men
#98757d Tritanopia 0.001% of the population

Trichromacy

#3f61f3 Protanomaly 1% of men, 0.01% of women
#3f65e1 Deuteranomaly 6% of men, 0.4% of women
#a05eaa Tritanomaly 0.01% of the population

#af36fa hex color

#af36fa Color Information

#af36fa Color Conversion

Color Schemes with #af36fa

Alternatives to #af36fa

#af36fa Preview

Shades and Tints of #af36fa

Tones of #af36fa

Color Blindness Simulator