#ab5bf6 hex color

In a RGB color space, hex #ab5bf6 is composed of 67.1% red, 35.7% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 30.5% cyan, 63% magenta, 0% yellow and 3.5% black. It has a hue angle of 271 degrees, a saturation of 89.6% and a lightness of 66.1%. #ab5bf6 color hex could be obtained by blending #ffb6ff with #5700ed. Closest websafe color is: #9966ff.

♥
- f
- t
- g
- R 67
- G 36
- B 96
RGB color chart
- C 30
- M 63
- Y 0
- K 4
CMYK color chart

● #ab5bf6 color description : Soft violet.

The hexadecimal color #ab5bf6 has RGB values of R:171, G:91, B:246 and CMYK values of C:0.3, M:0.63, Y:0, K:0.04. Its decimal value is 11230198.

Hex triplet	ab5bf6	`#ab5bf6`
RGB Decimal	171, 91, 246	`rgb(171,91,246)`
RGB Percent	67.1, 35.7, 96.5	`rgb(67.1%,35.7%,96.5%)`
CMYK	30, 63, 0, 4
HSL	271°, 89.6, 66.1	`hsl(271,89.6%,66.1%)`
HSV (or HSB)	271°, 63, 96.5
Web Safe	9966ff	`#9966ff`

CIE-LAB	54.86, 60.202, -65.264
XYZ	37.168, 22.794, 89.625
xyY	0.248, 0.152, 22.794
CIE-LCH	54.86, 88.79, 312.69
CIE-LUV	54.86, 22.539, -108.209
Hunter-Lab	47.744, 55.409, -77.88
Binary	10101011, 01011011, 11110110

#ab5bf6
```
#ab5bf6 rgb(171,91,246)
```
#a6f65b
```
#a6f65b rgb(166,246,91)
```

Complementary Color

#5e5bf6
```
#5e5bf6 rgb(94,91,246)
```
#ab5bf6
```
#ab5bf6 rgb(171,91,246)
```
#f65bf4
```
#f65bf4 rgb(246,91,244)
```

Analogous Color

#5bf65e
```
#5bf65e rgb(91,246,94)
```
#ab5bf6
```
#ab5bf6 rgb(171,91,246)
```
#f4f65b
```
#f4f65b rgb(244,246,91)
```

Split Complementary Color

#5bf6ab
```
#5bf6ab rgb(91,246,171)
```
#ab5bf6
```
#ab5bf6 rgb(171,91,246)
```
#f6ab5b
```
#f6ab5b rgb(246,171,91)
```

Triadic Color

#5ba6f6
```
#5ba6f6 rgb(91,166,246)
```
#ab5bf6
```
#ab5bf6 rgb(171,91,246)
```
#f6ab5b
```
#f6ab5b rgb(246,171,91)
```
#a6f65b
```
#a6f65b rgb(166,246,91)
```

Tetradic Color

#8612f2
```
#8612f2 rgb(134,18,242)
```
#922bf3
```
#922bf3 rgb(146,43,243)
```
#9f43f5
```
#9f43f5 rgb(159,67,245)
```
#ab5bf6
```
#ab5bf6 rgb(171,91,246)
```
#b773f7
```
#b773f7 rgb(183,115,247)
```
#c48bf9
```
#c48bf9 rgb(196,139,249)
```
#d0a4fa
```
#d0a4fa rgb(208,164,250)
```

Monochromatic Color

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

#845bf6
```
#845bf6 rgb(132,91,246)
```
#915bf6
```
#915bf6 rgb(145,91,246)
```
#9e5bf6
```
#9e5bf6 rgb(158,91,246)
```
#ab5bf6
```
#ab5bf6 rgb(171,91,246)
```
#b85bf6
```
#b85bf6 rgb(184,91,246)
```
#c55bf6
```
#c55bf6 rgb(197,91,246)
```
#d25bf6
```
#d25bf6 rgb(210,91,246)
```

Similar Colors

Text with hexadecimal color #ab5bf6

This text has a font color of #ab5bf6.

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

#ab5bf6 background color

This paragraph has a background color of #ab5bf6.

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

#ab5bf6 border color

This element has a border color of #ab5bf6.

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

CSS codes

.text {color:#ab5bf6;}

.background {background-color:#ab5bf6;}

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

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

#020003
```
#020003 rgb(2,0,3)
```
#0c0116
```
#0c0116 rgb(12,1,22)
```
#160229
```
#160229 rgb(22,2,41)
```
#20033b
```
#20033b rgb(32,3,59)
```
#2a044e
```
#2a044e rgb(42,4,78)
```
#340560
```
#340560 rgb(52,5,96)
```
#3e0673
```
#3e0673 rgb(62,6,115)
```
#480786
```
#480786 rgb(72,7,134)
```
#530898
```
#530898 rgb(83,8,152)
```
#5d09ab
```
#5d09ab rgb(93,9,171)
```
#670abd
```
#670abd rgb(103,10,189)
```
#710bd0
```
#710bd0 rgb(113,11,208)
```
#7b0ce2
```
#7b0ce2 rgb(123,12,226)
```

Shade Color Variation

#8511f2
```
#8511f2 rgb(133,17,242)
```
#8e23f3
```
#8e23f3 rgb(142,35,243)
```
#9836f4
```
#9836f4 rgb(152,54,244)
```
#a148f5
```
#a148f5 rgb(161,72,245)
```
#ab5bf6
```
#ab5bf6 rgb(171,91,246)
```
#b56ef7
```
#b56ef7 rgb(181,110,247)
```
#be80f8
```
#be80f8 rgb(190,128,248)
```
#c893f9
```
#c893f9 rgb(200,147,249)
```
#d1a5fa
```
#d1a5fa rgb(209,165,250)
```
#dbb8fb
```
#dbb8fb rgb(219,184,251)
```
#e4cbfc
```
#e4cbfc rgb(228,203,252)
```
#eeddfd
```
#eeddfd rgb(238,221,253)
```
#f7f0fe
```
#f7f0fe rgb(247,240,254)
```

Tint Color Variation

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

#a9a4ad
```
#a9a4ad rgb(169,164,173)
```
#a99eb3
```
#a99eb3 rgb(169,158,179)
```
#a997ba
```
#a997ba rgb(169,151,186)
```
#a990c1
```
#a990c1 rgb(169,144,193)
```
#a98ac7
```
#a98ac7 rgb(169,138,199)
```
#aa83ce
```
#aa83ce rgb(170,131,206)
```
#aa7cd5
```
#aa7cd5 rgb(170,124,213)
```
#aa76db
```
#aa76db rgb(170,118,219)
```
#aa6fe2
```
#aa6fe2 rgb(170,111,226)
```
#ab68e9
```
#ab68e9 rgb(171,104,233)
```
#ab62ef
```
#ab62ef rgb(171,98,239)
```
#ab5bf6
```
#ab5bf6 rgb(171,91,246)
```
#ab54fd
```
#ab54fd rgb(171,84,253)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#8d7d9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#2e85ff Protanopia 1% of men
#1c8be8 Deuteranopia 1% of men
#97848d Tritanopia 0.001% of the population

Trichromacy

#5c76fb Protanomaly 1% of men, 0.01% of women
#507aed Deuteranomaly 6% of men, 0.4% of women
#9e75b3 Tritanomaly 0.01% of the population

#ab5bf6 hex color

#ab5bf6 Color Information

#ab5bf6 Color Conversion

Color Schemes with #ab5bf6

Alternatives to #ab5bf6

#ab5bf6 Preview

Shades and Tints of #ab5bf6

Tones of #ab5bf6

Color Blindness Simulator