#af26ff hex color

In a RGB color space, hex #af26ff is composed of 68.6% red, 14.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 31.4% cyan, 85.1% magenta, 0% yellow and 0% black. It has a hue angle of 277.9 degrees, a saturation of 100% and a lightness of 57.5%. #af26ff color hex could be obtained by blending #ff4cff with #5f00ff. Closest websafe color is: #9933ff.

♥
- f
- t
- g
- R 69
- G 15
- B 100
RGB color chart
- C 31
- M 85
- Y 0
- K 0
CMYK color chart

● #af26ff color description : Vivid violet.

The hexadecimal color #af26ff has RGB values of R:175, G:38, B:255 and CMYK values of C:0.31, M:0.85, Y:0, K:0. Its decimal value is 11478783.

Hex triplet	af26ff	`#af26ff`
RGB Decimal	175, 38, 255	`rgb(175,38,255)`
RGB Percent	68.6, 14.9, 100	`rgb(68.6%,14.9%,100%)`
CMYK	31, 85, 0, 0
HSL	277.9°, 100, 57.5	`hsl(277.9,100%,57.5%)`
HSV (or HSB)	277.9°, 85.1, 100
Web Safe	9933ff	`#9933ff`

CIE-LAB	49.156, 82.319, -79.51
XYZ	36.42, 17.721, 96.104
xyY	0.242, 0.118, 17.721
CIE-LCH	49.156, 114.448, 315.994
CIE-LUV	49.156, 31.213, -126.698
Hunter-Lab	42.096, 80.761, -105.889
Binary	10101111, 00100110, 11111111

#af26ff
```
#af26ff rgb(175,38,255)
```
#76ff26
```
#76ff26 rgb(118,255,38)
```

Complementary Color

#4226ff
```
#4226ff rgb(66,38,255)
```
#af26ff
```
#af26ff rgb(175,38,255)
```
#ff26e3
```
#ff26e3 rgb(255,38,227)
```

Analogous Color

#26ff43
```
#26ff43 rgb(38,255,67)
```
#af26ff
```
#af26ff rgb(175,38,255)
```
#e3ff26
```
#e3ff26 rgb(227,255,38)
```

Split Complementary Color

#26ffaf
```
#26ffaf rgb(38,255,175)
```
#af26ff
```
#af26ff rgb(175,38,255)
```
#ffaf26
```
#ffaf26 rgb(255,175,38)
```

Triadic Color

#2676ff
```
#2676ff rgb(38,118,255)
```
#af26ff
```
#af26ff rgb(175,38,255)
```
#ffaf26
```
#ffaf26 rgb(255,175,38)
```
#76ff26
```
#76ff26 rgb(118,255,38)
```

Tetradic Color

#8900d9
```
#8900d9 rgb(137,0,217)
```
#9900f2
```
#9900f2 rgb(153,0,242)
```
#a60dff
```
#a60dff rgb(166,13,255)
```
#af26ff
```
#af26ff rgb(175,38,255)
```
#b840ff
```
#b840ff rgb(184,64,255)
```
#c259ff
```
#c259ff rgb(194,89,255)
```
#cb73ff
```
#cb73ff rgb(203,115,255)
```

Monochromatic Color

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

#7926ff
```
#7926ff rgb(121,38,255)
```
#8b26ff
```
#8b26ff rgb(139,38,255)
```
#9d26ff
```
#9d26ff rgb(157,38,255)
```
#af26ff
```
#af26ff rgb(175,38,255)
```
#c126ff
```
#c126ff rgb(193,38,255)
```
#d326ff
```
#d326ff rgb(211,38,255)
```
#e526ff
```
#e526ff rgb(229,38,255)
```

Similar Colors

Text with hexadecimal color #af26ff

This text has a font color of #af26ff.

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

#af26ff background color

This paragraph has a background color of #af26ff.

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

#af26ff border color

This element has a border color of #af26ff.

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

CSS codes

.text {color:#af26ff;}

.background {background-color:#af26ff;}

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

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

#0c0012
```
#0c0012 rgb(12,0,18)
```
#180026
```
#180026 rgb(24,0,38)
```
#24003a
```
#24003a rgb(36,0,58)
```
#31004d
```
#31004d rgb(49,0,77)
```
#3d0061
```
#3d0061 rgb(61,0,97)
```
#4a0074
```
#4a0074 rgb(74,0,116)
```
#560088
```
#560088 rgb(86,0,136)
```
#62009c
```
#62009c rgb(98,0,156)
```
#6f00af
```
#6f00af rgb(111,0,175)
```
#7b00c3
```
#7b00c3 rgb(123,0,195)
```
#8700d7
```
#8700d7 rgb(135,0,215)
```
#9400ea
```
#9400ea rgb(148,0,234)
```
#a000fe
```
#a000fe rgb(160,0,254)
```

Shade Color Variation

#a812ff
```
#a812ff rgb(168,18,255)
```
#af26ff
```
#af26ff rgb(175,38,255)
```
#b63aff
```
#b63aff rgb(182,58,255)
```
#bd4dff
```
#bd4dff rgb(189,77,255)
```
#c561ff
```
#c561ff rgb(197,97,255)
```
#cc74ff
```
#cc74ff rgb(204,116,255)
```
#d388ff
```
#d388ff rgb(211,136,255)
```
#da9cff
```
#da9cff rgb(218,156,255)
```
#e2afff
```
#e2afff rgb(226,175,255)
```
#e9c3ff
```
#e9c3ff rgb(233,195,255)
```
#f0d7ff
```
#f0d7ff rgb(240,215,255)
```
#f7eaff
```
#f7eaff rgb(247,234,255)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#958a9b
```
#958a9b rgb(149,138,155)
```
#9782a3
```
#9782a3 rgb(151,130,163)
```
#9979ac
```
#9979ac rgb(153,121,172)
```
#9b71b4
```
#9b71b4 rgb(155,113,180)
```
#9d69bc
```
#9d69bc rgb(157,105,188)
```
#a060c5
```
#a060c5 rgb(160,96,197)
```
#a258cd
```
#a258cd rgb(162,88,205)
```
#a450d5
```
#a450d5 rgb(164,80,213)
```
#a647de
```
#a647de rgb(166,71,222)
```
#a83fe6
```
#a83fe6 rgb(168,63,230)
```
#ab37ee
```
#ab37ee rgb(171,55,238)
```
#ad2ef7
```
#ad2ef7 rgb(173,46,247)
```
#af26ff
```
#af26ff rgb(175,38,255)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#765b86 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#3f5af1 Protanomaly 1% of men, 0.01% of women
#3f5ee0 Deuteranomaly 6% of men, 0.4% of women
#9f56aa Tritanomaly 0.01% of the population

#af26ff hex color

#af26ff Color Information

#af26ff Color Conversion

Color Schemes with #af26ff

Alternatives to #af26ff

#af26ff Preview

Shades and Tints of #af26ff

Tones of #af26ff

Color Blindness Simulator