#ab80f5 hex color

In a RGB color space, hex #ab80f5 is composed of 67.1% red, 50.2% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 30.2% cyan, 47.8% magenta, 0% yellow and 3.9% black. It has a hue angle of 262.1 degrees, a saturation of 85.4% and a lightness of 73.1%. #ab80f5 color hex could be obtained by blending #ffffff with #5701eb. Closest websafe color is: #9999ff.

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

● #ab80f5 color description : Soft violet.

The hexadecimal color #ab80f5 has RGB values of R:171, G:128, B:245 and CMYK values of C:0.3, M:0.48, Y:0, K:0.04. Its decimal value is 11239669.

Hex triplet	ab80f5	`#ab80f5`
RGB Decimal	171, 128, 245	`rgb(171,128,245)`
RGB Percent	67.1, 50.2, 96.1	`rgb(67.1%,50.2%,96.1%)`
CMYK	30, 48, 0, 4
HSL	262.1°, 85.4, 73.1	`hsl(262.1,85.4%,73.1%)`
HSV (or HSB)	262.1°, 47.8, 96.1
Web Safe	9999ff	`#9999ff`

CIE-LAB	62.244, 40.509, -52.894
XYZ	40.992, 30.689, 90.145
xyY	0.253, 0.19, 30.689
CIE-LCH	62.244, 66.624, 307.446
CIE-LUV	62.244, 11.832, -89.376
Hunter-Lab	55.398, 35.139, -57.701
Binary	10101011, 10000000, 11110101

#ab80f5
```
#ab80f5 rgb(171,128,245)
```
#caf580
```
#caf580 rgb(202,245,128)
```

Complementary Color

#8090f5
```
#8090f5 rgb(128,144,245)
```
#ab80f5
```
#ab80f5 rgb(171,128,245)
```
#e680f5
```
#e680f5 rgb(230,128,245)
```

Analogous Color

#90f580
```
#90f580 rgb(144,245,128)
```
#ab80f5
```
#ab80f5 rgb(171,128,245)
```
#f5e680
```
#f5e680 rgb(245,230,128)
```

Split Complementary Color

#80f5ab
```
#80f5ab rgb(128,245,171)
```
#ab80f5
```
#ab80f5 rgb(171,128,245)
```
#f5ab80
```
#f5ab80 rgb(245,171,128)
```

Triadic Color

#80caf5
```
#80caf5 rgb(128,202,245)
```
#ab80f5
```
#ab80f5 rgb(171,128,245)
```
#f5ab80
```
#f5ab80 rgb(245,171,128)
```
#caf580
```
#caf580 rgb(202,245,128)
```

Tetradic Color

#7c39ef
```
#7c39ef rgb(124,57,239)
```
#8c51f1
```
#8c51f1 rgb(140,81,241)
```
#9b68f3
```
#9b68f3 rgb(155,104,243)
```
#ab80f5
```
#ab80f5 rgb(171,128,245)
```
#bb98f7
```
#bb98f7 rgb(187,152,247)
```
#caaff9
```
#caaff9 rgb(202,175,249)
```
#dac7fb
```
#dac7fb rgb(218,199,251)
```

Monochromatic Color

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

#8e80f5
```
#8e80f5 rgb(142,128,245)
```
#9880f5
```
#9880f5 rgb(152,128,245)
```
#a180f5
```
#a180f5 rgb(161,128,245)
```
#ab80f5
```
#ab80f5 rgb(171,128,245)
```
#b580f5
```
#b580f5 rgb(181,128,245)
```
#bf80f5
```
#bf80f5 rgb(191,128,245)
```
#c880f5
```
#c880f5 rgb(200,128,245)
```

Similar Colors

Text with hexadecimal color #ab80f5

This text has a font color of #ab80f5.

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

#ab80f5 background color

This paragraph has a background color of #ab80f5.

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

#ab80f5 border color

This element has a border color of #ab80f5.

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

CSS codes

.text {color:#ab80f5;}

.background {background-color:#ab80f5;}

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

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, #000000 is the darkest color, while #f3edfe is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#080112
```
#080112 rgb(8,1,18)
```
#0f0325
```
#0f0325 rgb(15,3,37)
```
#170437
```
#170437 rgb(23,4,55)
```
#1e0649
```
#1e0649 rgb(30,6,73)
```
#26075b
```
#26075b rgb(38,7,91)
```
#2e096d
```
#2e096d rgb(46,9,109)
```
#350a80
```
#350a80 rgb(53,10,128)
```
#3d0b92
```
#3d0b92 rgb(61,11,146)
```
#440da4
```
#440da4 rgb(68,13,164)
```
#4c0eb6
```
#4c0eb6 rgb(76,14,182)
```
#5410c8
```
#5410c8 rgb(84,16,200)
```
#5b11da
```
#5b11da rgb(91,17,218)
```

Shade Color Variation

#6313ec
```
#6313ec rgb(99,19,236)
```
#6f25ee
```
#6f25ee rgb(111,37,238)
```
#7b37ef
```
#7b37ef rgb(123,55,239)
```
#8749f1
```
#8749f1 rgb(135,73,241)
```
#935cf2
```
#935cf2 rgb(147,92,242)
```
#9f6ef4
```
#9f6ef4 rgb(159,110,244)
```
#ab80f5
```
#ab80f5 rgb(171,128,245)
```
#b792f6
```
#b792f6 rgb(183,146,246)
```
#c3a4f8
```
#c3a4f8 rgb(195,164,248)
```
#cfb7f9
```
#cfb7f9 rgb(207,183,249)
```
#dbc9fb
```
#dbc9fb rgb(219,201,251)
```
#e7dbfc
```
#e7dbfc rgb(231,219,252)
```
#f3edfe
```
#f3edfe rgb(243,237,254)
```

Tint Color Variation

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

#bababb
```
#bababb rgb(186,186,187)
```
#b9b5c0
```
#b9b5c0 rgb(185,181,192)
```
#b8afc6
```
#b8afc6 rgb(184,175,198)
```
#b6aacb
```
#b6aacb rgb(182,170,203)
```
#b5a5d0
```
#b5a5d0 rgb(181,165,208)
```
#b3a0d5
```
#b3a0d5 rgb(179,160,213)
```
#b29adb
```
#b29adb rgb(178,154,219)
```
#b195e0
```
#b195e0 rgb(177,149,224)
```
#af90e5
```
#af90e5 rgb(175,144,229)
```
#ae8bea
```
#ae8bea rgb(174,139,234)
```
#ac85f0
```
#ac85f0 rgb(172,133,240)
```
#ab80f5
```
#ab80f5 rgb(171,128,245)
```
#aa7bfa
```
#aa7bfa rgb(170,123,250)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#9d95ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a98ff Protanopia 1% of men
#699ced Deuteranopia 1% of men
#9c9aa5 Tritanopia 0.001% of the population

Trichromacy

#818ffb Protanomaly 1% of men, 0.01% of women
#8191f0 Deuteranomaly 6% of men, 0.4% of women
#a190c2 Tritanomaly 0.01% of the population

#ab80f5 hex color

#ab80f5 Color Information

#ab80f5 Color Conversion

Color Schemes with #ab80f5

Alternatives to #ab80f5

#ab80f5 Preview

Shades and Tints of #ab80f5

Tones of #ab80f5

Color Blindness Simulator