#ab5afa hex color

In a RGB color space, hex #ab5afa is composed of 67.1% red, 35.3% green and 98% blue. Whereas in a CMYK color space, it is composed of 31.6% cyan, 64% magenta, 0% yellow and 2% black. It has a hue angle of 270.4 degrees, a saturation of 94.1% and a lightness of 66.7%. #ab5afa color hex could be obtained by blending #ffb4ff with #5700f5. Closest websafe color is: #9966ff.

♥
- f
- t
- g
- R 67
- G 35
- B 98
RGB color chart
- C 32
- M 64
- Y 0
- K 2
CMYK color chart

● #ab5afa color description : Soft violet.

The hexadecimal color #ab5afa has RGB values of R:171, G:90, B:250 and CMYK values of C:0.32, M:0.64, Y:0, K:0.02. Its decimal value is 11229946.

Hex triplet	ab5afa	`#ab5afa`
RGB Decimal	171, 90, 250	`rgb(171,90,250)`
RGB Percent	67.1, 35.3, 98	`rgb(67.1%,35.3%,98%)`
CMYK	32, 64, 0, 2
HSL	270.4°, 94.1, 66.7	`hsl(270.4,94.1%,66.7%)`
HSV (or HSB)	270.4°, 64, 98
Web Safe	9966ff	`#9966ff`

CIE-LAB	54.941, 61.601, -67.356
XYZ	37.703, 22.873, 92.866
xyY	0.246, 0.149, 22.873
CIE-LCH	54.941, 91.277, 312.445
CIE-LUV	54.941, 22.052, -111.526
Hunter-Lab	47.826, 57.026, -81.649
Binary	10101011, 01011010, 11111010

#ab5afa
```
#ab5afa rgb(171,90,250)
```
#a9fa5a
```
#a9fa5a rgb(169,250,90)
```

Complementary Color

#5b5afa
```
#5b5afa rgb(91,90,250)
```
#ab5afa
```
#ab5afa rgb(171,90,250)
```
#fa5af9
```
#fa5af9 rgb(250,90,249)
```

Analogous Color

#5afa5b
```
#5afa5b rgb(90,250,91)
```
#ab5afa
```
#ab5afa rgb(171,90,250)
```
#f9fa5a
```
#f9fa5a rgb(249,250,90)
```

Split Complementary Color

#5afaab
```
#5afaab rgb(90,250,171)
```
#ab5afa
```
#ab5afa rgb(171,90,250)
```
#faab5a
```
#faab5a rgb(250,171,90)
```

Triadic Color

#5aa9fa
```
#5aa9fa rgb(90,169,250)
```
#ab5afa
```
#ab5afa rgb(171,90,250)
```
#faab5a
```
#faab5a rgb(250,171,90)
```
#a9fa5a
```
#a9fa5a rgb(169,250,90)
```

Tetradic Color

#8510f8
```
#8510f8 rgb(133,16,248)
```
#9228f9
```
#9228f9 rgb(146,40,249)
```
#9e41f9
```
#9e41f9 rgb(158,65,249)
```
#ab5afa
```
#ab5afa rgb(171,90,250)
```
#b873fb
```
#b873fb rgb(184,115,251)
```
#c48cfc
```
#c48cfc rgb(196,140,252)
```
#d1a4fc
```
#d1a4fc rgb(209,164,252)
```

Monochromatic Color

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

#835afa
```
#835afa rgb(131,90,250)
```
#905afa
```
#905afa rgb(144,90,250)
```
#9e5afa
```
#9e5afa rgb(158,90,250)
```
#ab5afa
```
#ab5afa rgb(171,90,250)
```
#b85afa
```
#b85afa rgb(184,90,250)
```
#c65afa
```
#c65afa rgb(198,90,250)
```
#d35afa
```
#d35afa rgb(211,90,250)
```

Similar Colors

Text with hexadecimal color #ab5afa

This text has a font color of #ab5afa.

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

#ab5afa background color

This paragraph has a background color of #ab5afa.

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

#ab5afa border color

This element has a border color of #ab5afa.

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

CSS codes

.text {color:#ab5afa;}

.background {background-color:#ab5afa;}

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

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

#030006
```
#030006 rgb(3,0,6)
```
#0d0119
```
#0d0119 rgb(13,1,25)
```
#17012c
```
#17012c rgb(23,1,44)
```
#21023f
```
#21023f rgb(33,2,63)
```
#2b0252
```
#2b0252 rgb(43,2,82)
```
#350366
```
#350366 rgb(53,3,102)
```
#3f0479
```
#3f0479 rgb(63,4,121)
```
#49048c
```
#49048c rgb(73,4,140)
```
#53059f
```
#53059f rgb(83,5,159)
```
#5d05b2
```
#5d05b2 rgb(93,5,178)
```
#6706c5
```
#6706c5 rgb(103,6,197)
```
#7007d8
```
#7007d8 rgb(112,7,216)
```
#7a07eb
```
#7a07eb rgb(122,7,235)
```

Shade Color Variation

#840ef8
```
#840ef8 rgb(132,14,248)
```
#8e21f8
```
#8e21f8 rgb(142,33,248)
```
#9834f9
```
#9834f9 rgb(152,52,249)
```
#a147f9
```
#a147f9 rgb(161,71,249)
```
#ab5afa
```
#ab5afa rgb(171,90,250)
```
#b56dfb
```
#b56dfb rgb(181,109,251)
```
#be80fb
```
#be80fb rgb(190,128,251)
```
#c893fc
```
#c893fc rgb(200,147,252)
```
#d2a6fc
```
#d2a6fc rgb(210,166,252)
```
#dbb9fd
```
#dbb9fd rgb(219,185,253)
```
#e5ccfd
```
#e5ccfd rgb(229,204,253)
```
#efdffe
```
#efdffe rgb(239,223,254)
```
#f9f2ff
```
#f9f2ff rgb(249,242,255)
```

Tint Color Variation

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

#aaa8ac
```
#aaa8ac rgb(170,168,172)
```
#aaa2b2
```
#aaa2b2 rgb(170,162,178)
```
#aa9bb9
```
#aa9bb9 rgb(170,155,185)
```
#aa95bf
```
#aa95bf rgb(170,149,191)
```
#aa8ec6
```
#aa8ec6 rgb(170,142,198)
```
#aa88cc
```
#aa88cc rgb(170,136,204)
```
#ab81d3
```
#ab81d3 rgb(171,129,211)
```
#ab7bd9
```
#ab7bd9 rgb(171,123,217)
```
#ab74e0
```
#ab74e0 rgb(171,116,224)
```
#ab6ee6
```
#ab6ee6 rgb(171,110,230)
```
#ab67ed
```
#ab67ed rgb(171,103,237)
```
#ab61f3
```
#ab61f3 rgb(171,97,243)
```
#ab5afa
```
#ab5afa rgb(171,90,250)
```

Tone Color Variation

Below, you can see how #ab5afa 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
#8c7c9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#2f86ff Protanopia 1% of men
#008ce9 Deuteranopia 1% of men
#96858e Tritanopia 0.001% of the population

Trichromacy

#5c76fd Protanomaly 1% of men, 0.01% of women
#3e79ef Deuteranomaly 6% of men, 0.4% of women
#9e75b5 Tritanomaly 0.01% of the population

#ab5afa hex color

#ab5afa Color Information

#ab5afa Color Conversion

Color Schemes with #ab5afa

Alternatives to #ab5afa

#ab5afa Preview

Shades and Tints of #ab5afa

Tones of #ab5afa

Color Blindness Simulator