#ab2aff hex color

In a RGB color space, hex #ab2aff is composed of 67.1% red, 16.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 32.9% cyan, 83.5% magenta, 0% yellow and 0% black. It has a hue angle of 276.3 degrees, a saturation of 100% and a lightness of 58.2%. #ab2aff color hex could be obtained by blending #ff54ff with #5700ff. Closest websafe color is: #9933ff.

♥
- f
- t
- g
- R 67
- G 16
- B 100
RGB color chart
- C 33
- M 84
- Y 0
- K 0
CMYK color chart

● #ab2aff color description : Vivid violet.

The hexadecimal color #ab2aff has RGB values of R:171, G:42, B:255 and CMYK values of C:0.33, M:0.84, Y:0, K:0. Its decimal value is 11217663.

Hex triplet	ab2aff	`#ab2aff`
RGB Decimal	171, 42, 255	`rgb(171,42,255)`
RGB Percent	67.1, 16.5, 100	`rgb(67.1%,16.5%,100%)`
CMYK	33, 84, 0, 0
HSL	276.3°, 100, 58.2	`hsl(276.3,100%,58.2%)`
HSV (or HSB)	276.3°, 83.5, 100
Web Safe	9933ff	`#9933ff`

CIE-LAB	48.927, 80.798, -79.908
XYZ	35.67, 17.535, 96.108
xyY	0.239, 0.117, 17.535
CIE-LCH	48.927, 113.638, 315.317
CIE-LUV	48.927, 28.763, -126.89
Hunter-Lab	41.874, 78.772, -106.767
Binary	10101011, 00101010, 11111111

#ab2aff
```
#ab2aff rgb(171,42,255)
```
#7eff2a
```
#7eff2a rgb(126,255,42)
```

Complementary Color

#402aff
```
#402aff rgb(64,42,255)
```
#ab2aff
```
#ab2aff rgb(171,42,255)
```
#ff2ae9
```
#ff2ae9 rgb(255,42,233)
```

Analogous Color

#2aff40
```
#2aff40 rgb(42,255,64)
```
#ab2aff
```
#ab2aff rgb(171,42,255)
```
#e9ff2a
```
#e9ff2a rgb(233,255,42)
```

Split Complementary Color

#2affab
```
#2affab rgb(42,255,171)
```
#ab2aff
```
#ab2aff rgb(171,42,255)
```
#ffab2a
```
#ffab2a rgb(255,171,42)
```

Triadic Color

#2a7eff
```
#2a7eff rgb(42,126,255)
```
#ab2aff
```
#ab2aff rgb(171,42,255)
```
#ffab2a
```
#ffab2a rgb(255,171,42)
```
#7eff2a
```
#7eff2a rgb(126,255,42)
```

Tetradic Color

#8600dd
```
#8600dd rgb(134,0,221)
```
#9500f6
```
#9500f6 rgb(149,0,246)
```
#a111ff
```
#a111ff rgb(161,17,255)
```
#ab2aff
```
#ab2aff rgb(171,42,255)
```
#b544ff
```
#b544ff rgb(181,68,255)
```
#bf5dff
```
#bf5dff rgb(191,93,255)
```
#c977ff
```
#c977ff rgb(201,119,255)
```

Monochromatic Color

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

#762aff
```
#762aff rgb(118,42,255)
```
#882aff
```
#882aff rgb(136,42,255)
```
#992aff
```
#992aff rgb(153,42,255)
```
#ab2aff
```
#ab2aff rgb(171,42,255)
```
#bd2aff
```
#bd2aff rgb(189,42,255)
```
#cf2aff
```
#cf2aff rgb(207,42,255)
```
#e02aff
```
#e02aff rgb(224,42,255)
```

Similar Colors

Text with hexadecimal color #ab2aff

This text has a font color of #ab2aff.

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

#ab2aff background color

This paragraph has a background color of #ab2aff.

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

#ab2aff border color

This element has a border color of #ab2aff.

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

CSS codes

.text {color:#ab2aff;}

.background {background-color:#ab2aff;}

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

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

#020003
```
#020003 rgb(2,0,3)
```
#0e0016
```
#0e0016 rgb(14,0,22)
```
#19002a
```
#19002a rgb(25,0,42)
```
#25003e
```
#25003e rgb(37,0,62)
```
#310051
```
#310051 rgb(49,0,81)
```
#3d0065
```
#3d0065 rgb(61,0,101)
```
#490078
```
#490078 rgb(73,0,120)
```
#55008c
```
#55008c rgb(85,0,140)
```
#6100a0
```
#6100a0 rgb(97,0,160)
```
#6d00b3
```
#6d00b3 rgb(109,0,179)
```
#7800c7
```
#7800c7 rgb(120,0,199)
```
#8400db
```
#8400db rgb(132,0,219)
```
#9000ee
```
#9000ee rgb(144,0,238)
```

Shade Color Variation

#9c03ff
```
#9c03ff rgb(156,3,255)
```
#a316ff
```
#a316ff rgb(163,22,255)
```
#ab2aff
```
#ab2aff rgb(171,42,255)
```
#b33eff
```
#b33eff rgb(179,62,255)
```
#ba51ff
```
#ba51ff rgb(186,81,255)
```
#c265ff
```
#c265ff rgb(194,101,255)
```
#ca78ff
```
#ca78ff rgb(202,120,255)
```
#d28cff
```
#d28cff rgb(210,140,255)
```
#d9a0ff
```
#d9a0ff rgb(217,160,255)
```
#e1b3ff
```
#e1b3ff rgb(225,179,255)
```
#e9c7ff
```
#e9c7ff rgb(233,199,255)
```
#f1dbff
```
#f1dbff rgb(241,219,255)
```
#f8eeff
```
#f8eeff rgb(248,238,255)
```

Tint Color Variation

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

#968c9d
```
#968c9d rgb(150,140,157)
```
#9884a5
```
#9884a5 rgb(152,132,165)
```
#9a7cad
```
#9a7cad rgb(154,124,173)
```
#9b74b5
```
#9b74b5 rgb(155,116,181)
```
#9d6cbd
```
#9d6cbd rgb(157,108,189)
```
#9f63c6
```
#9f63c6 rgb(159,99,198)
```
#a15bce
```
#a15bce rgb(161,91,206)
```
#a253d6
```
#a253d6 rgb(162,83,214)
```
#a44bde
```
#a44bde rgb(164,75,222)
```
#a643e6
```
#a643e6 rgb(166,67,230)
```
#a83aef
```
#a83aef rgb(168,58,239)
```
#a932f7
```
#a932f7 rgb(169,50,247)
```
#ab2aff
```
#ab2aff rgb(171,42,255)
```

Tone Color Variation

Below, you can see how #ab2aff 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
#765c87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077e9 Protanopia 1% of men
#007ecd Deuteranopia 1% of men
#92737b Tritanopia 0.001% of the population

Trichromacy

#3e5bf1 Protanomaly 1% of men, 0.01% of women
#3e5fdf Deuteranomaly 6% of men, 0.4% of women
#9b58ab Tritanomaly 0.01% of the population

#ab2aff hex color

#ab2aff Color Information

#ab2aff Color Conversion

Color Schemes with #ab2aff

Alternatives to #ab2aff

#ab2aff Preview

Shades and Tints of #ab2aff

Tones of #ab2aff

Color Blindness Simulator