#ab5af2 hex color

In a RGB color space, hex #ab5af2 is composed of 67.1% red, 35.3% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 29.3% cyan, 62.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 272 degrees, a saturation of 85.4% and a lightness of 65.1%. #ab5af2 color hex could be obtained by blending #ffb4ff with #5700e5. Closest websafe color is: #9966ff.

♥
- f
- t
- g
- R 67
- G 35
- B 95
RGB color chart
- C 29
- M 63
- Y 0
- K 5
CMYK color chart

● #ab5af2 color description : Soft violet.

The hexadecimal color #ab5af2 has RGB values of R:171, G:90, B:242 and CMYK values of C:0.29, M:0.63, Y:0, K:0.05. Its decimal value is 11229938.

Hex triplet	ab5af2	`#ab5af2`
RGB Decimal	171, 90, 242	`rgb(171,90,242)`
RGB Percent	67.1, 35.3, 94.9	`rgb(67.1%,35.3%,94.9%)`
CMYK	29, 63, 0, 5
HSL	272°, 85.4, 65.1	`hsl(272,85.4%,65.1%)`
HSV (or HSB)	272°, 62.8, 94.9
Web Safe	9966ff	`#9966ff`

CIE-LAB	54.43, 59.773, -63.729
XYZ	36.475, 22.382, 86.398
xyY	0.251, 0.154, 22.382
CIE-LCH	54.43, 87.373, 313.165
CIE-LUV	54.43, 23.519, -105.646
Hunter-Lab	47.309, 54.832, -75.161
Binary	10101011, 01011010, 11110010

#ab5af2
```
#ab5af2 rgb(171,90,242)
```
#a1f25a
```
#a1f25a rgb(161,242,90)
```

Complementary Color

#5f5af2
```
#5f5af2 rgb(95,90,242)
```
#ab5af2
```
#ab5af2 rgb(171,90,242)
```
#f25aed
```
#f25aed rgb(242,90,237)
```

Analogous Color

#5af25f
```
#5af25f rgb(90,242,95)
```
#ab5af2
```
#ab5af2 rgb(171,90,242)
```
#edf25a
```
#edf25a rgb(237,242,90)
```

Split Complementary Color

#5af2ab
```
#5af2ab rgb(90,242,171)
```
#ab5af2
```
#ab5af2 rgb(171,90,242)
```
#f2ab5a
```
#f2ab5a rgb(242,171,90)
```

Triadic Color

#5aa1f2
```
#5aa1f2 rgb(90,161,242)
```
#ab5af2
```
#ab5af2 rgb(171,90,242)
```
#f2ab5a
```
#f2ab5a rgb(242,171,90)
```
#a1f25a
```
#a1f25a rgb(161,242,90)
```

Tetradic Color

#8713ec
```
#8713ec rgb(135,19,236)
```
#932bee
```
#932bee rgb(147,43,238)
```
#9f42f0
```
#9f42f0 rgb(159,66,240)
```
#ab5af2
```
#ab5af2 rgb(171,90,242)
```
#b772f4
```
#b772f4 rgb(183,114,244)
```
#c389f6
```
#c389f6 rgb(195,137,246)
```
#cfa1f8
```
#cfa1f8 rgb(207,161,248)
```

Monochromatic Color

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

#855af2
```
#855af2 rgb(133,90,242)
```
#925af2
```
#925af2 rgb(146,90,242)
```
#9e5af2
```
#9e5af2 rgb(158,90,242)
```
#ab5af2
```
#ab5af2 rgb(171,90,242)
```
#b85af2
```
#b85af2 rgb(184,90,242)
```
#c45af2
```
#c45af2 rgb(196,90,242)
```
#d15af2
```
#d15af2 rgb(209,90,242)
```

Similar Colors

Text with hexadecimal color #ab5af2

This text has a font color of #ab5af2.

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

#ab5af2 background color

This paragraph has a background color of #ab5af2.

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

#ab5af2 border color

This element has a border color of #ab5af2.

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

CSS codes

.text {color:#ab5af2;}

.background {background-color:#ab5af2;}

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

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

#0a0111
```
#0a0111 rgb(10,1,17)
```
#140323
```
#140323 rgb(20,3,35)
```
#1e0435
```
#1e0435 rgb(30,4,53)
```
#290647
```
#290647 rgb(41,6,71)
```
#33075a
```
#33075a rgb(51,7,90)
```
#3d086c
```
#3d086c rgb(61,8,108)
```
#480a7e
```
#480a7e rgb(72,10,126)
```
#520b90
```
#520b90 rgb(82,11,144)
```
#5c0da2
```
#5c0da2 rgb(92,13,162)
```
#670eb4
```
#670eb4 rgb(103,14,180)
```
#7110c7
```
#7110c7 rgb(113,16,199)
```
#7c11d9
```
#7c11d9 rgb(124,17,217)
```
#8613eb
```
#8613eb rgb(134,19,235)
```

Shade Color Variation

#8f23ee
```
#8f23ee rgb(143,35,238)
```
#9836ef
```
#9836ef rgb(152,54,239)
```
#a248f1
```
#a248f1 rgb(162,72,241)
```
#ab5af2
```
#ab5af2 rgb(171,90,242)
```
#b46cf3
```
#b46cf3 rgb(180,108,243)
```
#be7ef5
```
#be7ef5 rgb(190,126,245)
```
#c791f6
```
#c791f6 rgb(199,145,246)
```
#d0a3f8
```
#d0a3f8 rgb(208,163,248)
```
#d9b5f9
```
#d9b5f9 rgb(217,181,249)
```
#e3c7fb
```
#e3c7fb rgb(227,199,251)
```
#ecd9fc
```
#ecd9fc rgb(236,217,252)
```
#f5ebfd
```
#f5ebfd rgb(245,235,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#a6a5a7
```
#a6a5a7 rgb(166,165,167)
```
#a69eae
```
#a69eae rgb(166,158,174)
```
#a798b4
```
#a798b4 rgb(167,152,180)
```
#a791bb
```
#a791bb rgb(167,145,187)
```
#a88ac2
```
#a88ac2 rgb(168,138,194)
```
#a883c9
```
#a883c9 rgb(168,131,201)
```
#a97cd0
```
#a97cd0 rgb(169,124,208)
```
#a975d7
```
#a975d7 rgb(169,117,215)
```
#aa6fdd
```
#aa6fdd rgb(170,111,221)
```
#aa68e4
```
#aa68e4 rgb(170,104,228)
```
#ab61eb
```
#ab61eb rgb(171,97,235)
```
#ab5af2
```
#ab5af2 rgb(171,90,242)
```
#ab53f9
```
#ab53f9 rgb(171,83,249)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#8c7c9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#2884ff Protanopia 1% of men
#288ae4 Deuteranopia 1% of men
#98828c Tritanopia 0.001% of the population

Trichromacy

#5775fa Protanomaly 1% of men, 0.01% of women
#5878e9 Deuteranomaly 6% of men, 0.4% of women
#9f74b1 Tritanomaly 0.01% of the population

#ab5af2 hex color

#ab5af2 Color Information

#ab5af2 Color Conversion

Color Schemes with #ab5af2

Alternatives to #ab5af2

#ab5af2 Preview

Shades and Tints of #ab5af2

Tones of #ab5af2

Color Blindness Simulator