#ab85f5 hex color

In a RGB color space, hex #ab85f5 is composed of 67.1% red, 52.2% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 30.2% cyan, 45.7% magenta, 0% yellow and 3.9% black. It has a hue angle of 260.4 degrees, a saturation of 84.8% and a lightness of 74.1%. #ab85f5 color hex could be obtained by blending #ffffff with #570beb. Closest websafe color is: #9999ff.

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

● #ab85f5 color description : Soft violet.

The hexadecimal color #ab85f5 has RGB values of R:171, G:133, B:245 and CMYK values of C:0.3, M:0.46, Y:0, K:0.04. Its decimal value is 11240949.

Hex triplet	ab85f5	`#ab85f5`
RGB Decimal	171, 133, 245	`rgb(171,133,245)`
RGB Percent	67.1, 52.2, 96.1	`rgb(67.1%,52.2%,96.1%)`
CMYK	30, 46, 0, 4
HSL	260.4°, 84.8, 74.1	`hsl(260.4,84.8%,74.1%)`
HSV (or HSB)	260.4°, 45.7, 96.1
Web Safe	9999ff	`#9999ff`

CIE-LAB	63.364, 37.724, -51.118
XYZ	41.661, 32.026, 90.368
xyY	0.254, 0.195, 32.026
CIE-LCH	63.364, 63.531, 306.426
CIE-LUV	63.364, 10.102, -86.439
Hunter-Lab	56.591, 32.372, -55.064
Binary	10101011, 10000101, 11110101

#ab85f5
```
#ab85f5 rgb(171,133,245)
```
#cff585
```
#cff585 rgb(207,245,133)
```

Complementary Color

#8597f5
```
#8597f5 rgb(133,151,245)
```
#ab85f5
```
#ab85f5 rgb(171,133,245)
```
#e385f5
```
#e385f5 rgb(227,133,245)
```

Analogous Color

#97f585
```
#97f585 rgb(151,245,133)
```
#ab85f5
```
#ab85f5 rgb(171,133,245)
```
#f5e385
```
#f5e385 rgb(245,227,133)
```

Split Complementary Color

#85f5ab
```
#85f5ab rgb(133,245,171)
```
#ab85f5
```
#ab85f5 rgb(171,133,245)
```
#f5ab85
```
#f5ab85 rgb(245,171,133)
```

Triadic Color

#85cff5
```
#85cff5 rgb(133,207,245)
```
#ab85f5
```
#ab85f5 rgb(171,133,245)
```
#f5ab85
```
#f5ab85 rgb(245,171,133)
```
#cff585
```
#cff585 rgb(207,245,133)
```

Tetradic Color

#7a3eef
```
#7a3eef rgb(122,62,239)
```
#8b56f1
```
#8b56f1 rgb(139,86,241)
```
#9b6df3
```
#9b6df3 rgb(155,109,243)
```
#ab85f5
```
#ab85f5 rgb(171,133,245)
```
#bb9df7
```
#bb9df7 rgb(187,157,247)
```
#cbb4f9
```
#cbb4f9 rgb(203,180,249)
```
#dcccfb
```
#dcccfb rgb(220,204,251)
```

Monochromatic Color

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

#8f85f5
```
#8f85f5 rgb(143,133,245)
```
#9885f5
```
#9885f5 rgb(152,133,245)
```
#a285f5
```
#a285f5 rgb(162,133,245)
```
#ab85f5
```
#ab85f5 rgb(171,133,245)
```
#b485f5
```
#b485f5 rgb(180,133,245)
```
#be85f5
```
#be85f5 rgb(190,133,245)
```
#c785f5
```
#c785f5 rgb(199,133,245)
```

Similar Colors

Text with hexadecimal color #ab85f5

This text has a font color of #ab85f5.

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

#ab85f5 background color

This paragraph has a background color of #ab85f5.

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

#ab85f5 border color

This element has a border color of #ab85f5.

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

CSS codes

.text {color:#ab85f5;}

.background {background-color:#ab85f5;}

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

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

#020005
```
#020005 rgb(2,0,5)
```
#090217
```
#090217 rgb(9,2,23)
```
#100329
```
#100329 rgb(16,3,41)
```
#17053b
```
#17053b rgb(23,5,59)
```
#1e064d
```
#1e064d rgb(30,6,77)
```
#260860
```
#260860 rgb(38,8,96)
```
#2d0972
```
#2d0972 rgb(45,9,114)
```
#340b84
```
#340b84 rgb(52,11,132)
```
#3b0c96
```
#3b0c96 rgb(59,12,150)
```
#420ea8
```
#420ea8 rgb(66,14,168)
```
#490fba
```
#490fba rgb(73,15,186)
```
#5011cc
```
#5011cc rgb(80,17,204)
```
#5812de
```
#5812de rgb(88,18,222)
```

Shade Color Variation

#6018ec
```
#6018ec rgb(96,24,236)
```
#6d2aee
```
#6d2aee rgb(109,42,238)
```
#793cef
```
#793cef rgb(121,60,239)
```
#864ff1
```
#864ff1 rgb(134,79,241)
```
#9261f2
```
#9261f2 rgb(146,97,242)
```
#9f73f4
```
#9f73f4 rgb(159,115,244)
```
#ab85f5
```
#ab85f5 rgb(171,133,245)
```
#b797f6
```
#b797f6 rgb(183,151,246)
```
#c4a9f8
```
#c4a9f8 rgb(196,169,248)
```
#d0bbf9
```
#d0bbf9 rgb(208,187,249)
```
#ddcefb
```
#ddcefb rgb(221,206,251)
```
#e9e0fc
```
#e9e0fc rgb(233,224,252)
```
#f6f2fe
```
#f6f2fe rgb(246,242,254)
```

Tint Color Variation

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

#bdbdbd
```
#bdbdbd rgb(189,189,189)
```
#bbb8c2
```
#bbb8c2 rgb(187,184,194)
```
#bab3c7
```
#bab3c7 rgb(186,179,199)
```
#b8aecc
```
#b8aecc rgb(184,174,204)
```
#b6a9d1
```
#b6a9d1 rgb(182,169,209)
```
#b5a3d7
```
#b5a3d7 rgb(181,163,215)
```
#b39edc
```
#b39edc rgb(179,158,220)
```
#b299e1
```
#b299e1 rgb(178,153,225)
```
#b094e6
```
#b094e6 rgb(176,148,230)
```
#ae8feb
```
#ae8feb rgb(174,143,235)
```
#ad8af0
```
#ad8af0 rgb(173,138,240)
```
#ab85f5
```
#ab85f5 rgb(171,133,245)
```
#a980fa
```
#a980fa rgb(169,128,250)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#a098af Atypical Achromatopsia 0.001% of the population

Dichromacy

#709bff Protanopia 1% of men
#709eee Deuteranopia 1% of men
#9d9ea9 Tritanopia 0.001% of the population

Trichromacy

#8593fb Protanomaly 1% of men, 0.01% of women
#8595f0 Deuteranomaly 6% of men, 0.4% of women
#a294c4 Tritanomaly 0.01% of the population

#ab85f5 hex color

#ab85f5 Color Information

#ab85f5 Color Conversion

Color Schemes with #ab85f5

Alternatives to #ab85f5

#ab85f5 Preview

Shades and Tints of #ab85f5

Tones of #ab85f5

Color Blindness Simulator