#ab85f6 hex color

In a RGB color space, hex #ab85f6 is composed of 67.1% red, 52.2% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 30.5% cyan, 45.9% magenta, 0% yellow and 3.5% black. It has a hue angle of 260.2 degrees, a saturation of 86.3% and a lightness of 74.3%. #ab85f6 color hex could be obtained by blending #ffffff with #570bed. 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

● #ab85f6 color description : Soft violet.

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

Hex triplet	ab85f6	`#ab85f6`
RGB Decimal	171, 133, 246	`rgb(171,133,246)`
RGB Percent	67.1, 52.2, 96.5	`rgb(67.1%,52.2%,96.5%)`
CMYK	30, 46, 0, 4
HSL	260.2°, 86.3, 74.3	`hsl(260.2,86.3%,74.3%)`
HSV (or HSB)	260.2°, 45.9, 96.5
Web Safe	9999ff	`#9999ff`

CIE-LAB	63.415, 37.97, -51.588
XYZ	41.814, 32.087, 91.174
xyY	0.253, 0.194, 32.087
CIE-LCH	63.415, 64.055, 306.354
CIE-LUV	63.415, 9.985, -87.251
Hunter-Lab	56.645, 32.634, -55.78
Binary	10101011, 10000101, 11110110

#ab85f6
```
#ab85f6 rgb(171,133,246)
```
#d0f685
```
#d0f685 rgb(208,246,133)
```

Complementary Color

#8598f6
```
#8598f6 rgb(133,152,246)
```
#ab85f6
```
#ab85f6 rgb(171,133,246)
```
#e485f6
```
#e485f6 rgb(228,133,246)
```

Analogous Color

#98f685
```
#98f685 rgb(152,246,133)
```
#ab85f6
```
#ab85f6 rgb(171,133,246)
```
#f6e485
```
#f6e485 rgb(246,228,133)
```

Split Complementary Color

#85f6ab
```
#85f6ab rgb(133,246,171)
```
#ab85f6
```
#ab85f6 rgb(171,133,246)
```
#f6ab85
```
#f6ab85 rgb(246,171,133)
```

Triadic Color

#85d0f6
```
#85d0f6 rgb(133,208,246)
```
#ab85f6
```
#ab85f6 rgb(171,133,246)
```
#f6ab85
```
#f6ab85 rgb(246,171,133)
```
#d0f685
```
#d0f685 rgb(208,246,133)
```

Tetradic Color

#7a3ef1
```
#7a3ef1 rgb(122,62,241)
```
#8a56f2
```
#8a56f2 rgb(138,86,242)
```
#9b6df4
```
#9b6df4 rgb(155,109,244)
```
#ab85f6
```
#ab85f6 rgb(171,133,246)
```
#bb9df8
```
#bb9df8 rgb(187,157,248)
```
#ccb4fa
```
#ccb4fa rgb(204,180,250)
```
#dcccfb
```
#dcccfb rgb(220,204,251)
```

Monochromatic Color

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

#8f85f6
```
#8f85f6 rgb(143,133,246)
```
#9885f6
```
#9885f6 rgb(152,133,246)
```
#a285f6
```
#a285f6 rgb(162,133,246)
```
#ab85f6
```
#ab85f6 rgb(171,133,246)
```
#b485f6
```
#b485f6 rgb(180,133,246)
```
#be85f6
```
#be85f6 rgb(190,133,246)
```
#c785f6
```
#c785f6 rgb(199,133,246)
```

Similar Colors

Text with hexadecimal color #ab85f6

This text has a font color of #ab85f6.

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

#ab85f6 background color

This paragraph has a background color of #ab85f6.

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

#ab85f6 border color

This element has a border color of #ab85f6.

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

CSS codes

.text {color:#ab85f6;}

.background {background-color:#ab85f6;}

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

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

#020006
```
#020006 rgb(2,0,6)
```
#090218
```
#090218 rgb(9,2,24)
```
#10032a
```
#10032a rgb(16,3,42)
```
#17043d
```
#17043d rgb(23,4,61)
```
#1e064f
```
#1e064f rgb(30,6,79)
```
#250761
```
#250761 rgb(37,7,97)
```
#2c0973
```
#2c0973 rgb(44,9,115)
```
#340a86
```
#340a86 rgb(52,10,134)
```
#3b0b98
```
#3b0b98 rgb(59,11,152)
```
#420daa
```
#420daa rgb(66,13,170)
```
#490ebd
```
#490ebd rgb(73,14,189)
```
#500fcf
```
#500fcf rgb(80,15,207)
```
#5711e1
```
#5711e1 rgb(87,17,225)
```

Shade Color Variation

#6017ee
```
#6017ee rgb(96,23,238)
```
#6c2aef
```
#6c2aef rgb(108,42,239)
```
#793cf1
```
#793cf1 rgb(121,60,241)
```
#854ef2
```
#854ef2 rgb(133,78,242)
```
#9260f3
```
#9260f3 rgb(146,96,243)
```
#9e73f5
```
#9e73f5 rgb(158,115,245)
```
#ab85f6
```
#ab85f6 rgb(171,133,246)
```
#b897f7
```
#b897f7 rgb(184,151,247)
```
#c4aaf9
```
#c4aaf9 rgb(196,170,249)
```
#d1bcfa
```
#d1bcfa rgb(209,188,250)
```
#ddcefb
```
#ddcefb rgb(221,206,251)
```
#eae0fd
```
#eae0fd rgb(234,224,253)
```
#f6f3fe
```
#f6f3fe rgb(246,243,254)
```

Tint Color Variation

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

#bdbcbf
```
#bdbcbf rgb(189,188,191)
```
#bbb7c4
```
#bbb7c4 rgb(187,183,196)
```
#bab2c9
```
#bab2c9 rgb(186,178,201)
```
#b8adce
```
#b8adce rgb(184,173,206)
```
#b7a8d3
```
#b7a8d3 rgb(183,168,211)
```
#b5a3d8
```
#b5a3d8 rgb(181,163,216)
```
#b39edd
```
#b39edd rgb(179,158,221)
```
#b299e2
```
#b299e2 rgb(178,153,226)
```
#b094e7
```
#b094e7 rgb(176,148,231)
```
#ae8fec
```
#ae8fec rgb(174,143,236)
```
#ad8af1
```
#ad8af1 rgb(173,138,241)
```
#ab85f6
```
#ab85f6 rgb(171,133,246)
```
#a980fb
```
#a980fb rgb(169,128,251)
```

Tone Color Variation

Below, you can see how #ab85f6 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
#6f9eef Deuteranopia 1% of men
#9c9ea9 Tritanopia 0.001% of the population

Trichromacy

#8593fb Protanomaly 1% of men, 0.01% of women
#8495f1 Deuteranomaly 6% of men, 0.4% of women
#a195c5 Tritanomaly 0.01% of the population

#ab85f6 hex color

#ab85f6 Color Information

#ab85f6 Color Conversion

Color Schemes with #ab85f6

Alternatives to #ab85f6

#ab85f6 Preview

Shades and Tints of #ab85f6

Tones of #ab85f6

Color Blindness Simulator