#ab55f9 hex color

In a RGB color space, hex #ab55f9 is composed of 67.1% red, 33.3% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 31.3% cyan, 65.9% magenta, 0% yellow and 2.4% black. It has a hue angle of 271.5 degrees, a saturation of 93.2% and a lightness of 65.5%. #ab55f9 color hex could be obtained by blending #ffaaff with #5700f3. Closest websafe color is: #9966ff.

♥
- f
- t
- g
- R 67
- G 33
- B 98
RGB color chart
- C 31
- M 66
- Y 0
- K 2
CMYK color chart

● #ab55f9 color description : Soft violet.

The hexadecimal color #ab55f9 has RGB values of R:171, G:85, B:249 and CMYK values of C:0.31, M:0.66, Y:0, K:0.02. Its decimal value is 11228665.

Hex triplet	ab55f9	`#ab55f9`
RGB Decimal	171, 85, 249	`rgb(171,85,249)`
RGB Percent	67.1, 33.3, 97.6	`rgb(67.1%,33.3%,97.6%)`
CMYK	31, 66, 0, 2
HSL	271.5°, 93.2, 65.5	`hsl(271.5,93.2%,65.5%)`
HSV (or HSB)	271.5°, 65.9, 97.6
Web Safe	9966ff	`#9966ff`

CIE-LAB	54.022, 63.723, -68.286
XYZ	37.139, 21.995, 91.906
xyY	0.246, 0.146, 21.995
CIE-LCH	54.022, 93.4, 313.02
CIE-LUV	54.022, 23.369, -112.626
Hunter-Lab	46.899, 59.282, -83.36
Binary	10101011, 01010101, 11111001

#ab55f9
```
#ab55f9 rgb(171,85,249)
```
#a3f955
```
#a3f955 rgb(163,249,85)
```

Complementary Color

#5955f9
```
#5955f9 rgb(89,85,249)
```
#ab55f9
```
#ab55f9 rgb(171,85,249)
```
#f955f5
```
#f955f5 rgb(249,85,245)
```

Analogous Color

#55f959
```
#55f959 rgb(85,249,89)
```
#ab55f9
```
#ab55f9 rgb(171,85,249)
```
#f5f955
```
#f5f955 rgb(245,249,85)
```

Split Complementary Color

#55f9ab
```
#55f9ab rgb(85,249,171)
```
#ab55f9
```
#ab55f9 rgb(171,85,249)
```
#f9ab55
```
#f9ab55 rgb(249,171,85)
```

Triadic Color

#55a3f9
```
#55a3f9 rgb(85,163,249)
```
#ab55f9
```
#ab55f9 rgb(171,85,249)
```
#f9ab55
```
#f9ab55 rgb(249,171,85)
```
#a3f955
```
#a3f955 rgb(163,249,85)
```

Tetradic Color

#860bf6
```
#860bf6 rgb(134,11,246)
```
#9324f7
```
#9324f7 rgb(147,36,247)
```
#9f3cf8
```
#9f3cf8 rgb(159,60,248)
```
#ab55f9
```
#ab55f9 rgb(171,85,249)
```
#b76efa
```
#b76efa rgb(183,110,250)
```
#c386fb
```
#c386fb rgb(195,134,251)
```
#d09ffc
```
#d09ffc rgb(208,159,252)
```

Monochromatic Color

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

#8255f9
```
#8255f9 rgb(130,85,249)
```
#9055f9
```
#9055f9 rgb(144,85,249)
```
#9d55f9
```
#9d55f9 rgb(157,85,249)
```
#ab55f9
```
#ab55f9 rgb(171,85,249)
```
#b955f9
```
#b955f9 rgb(185,85,249)
```
#c655f9
```
#c655f9 rgb(198,85,249)
```
#d455f9
```
#d455f9 rgb(212,85,249)
```

Similar Colors

Text with hexadecimal color #ab55f9

This text has a font color of #ab55f9.

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

#ab55f9 background color

This paragraph has a background color of #ab55f9.

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

#ab55f9 border color

This element has a border color of #ab55f9.

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

CSS codes

.text {color:#ab55f9;}

.background {background-color:#ab55f9;}

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

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

#000001
```
#000001 rgb(0,0,1)
```
#0b0113
```
#0b0113 rgb(11,1,19)
```
#150126
```
#150126 rgb(21,1,38)
```
#1f0239
```
#1f0239 rgb(31,2,57)
```
#29034c
```
#29034c rgb(41,3,76)
```
#34035f
```
#34035f rgb(52,3,95)
```
#3e0472
```
#3e0472 rgb(62,4,114)
```
#480585
```
#480585 rgb(72,5,133)
```
#520598
```
#520598 rgb(82,5,152)
```
#5d06ab
```
#5d06ab rgb(93,6,171)
```
#6707be
```
#6707be rgb(103,7,190)
```
#7107d1
```
#7107d1 rgb(113,7,209)
```
#7b08e4
```
#7b08e4 rgb(123,8,228)
```

Shade Color Variation

#8609f6
```
#8609f6 rgb(134,9,246)
```
#8f1cf7
```
#8f1cf7 rgb(143,28,247)
```
#982ff8
```
#982ff8 rgb(152,47,248)
```
#a242f8
```
#a242f8 rgb(162,66,248)
```
#ab55f9
```
#ab55f9 rgb(171,85,249)
```
#b468fa
```
#b468fa rgb(180,104,250)
```
#be7bfa
```
#be7bfa rgb(190,123,250)
```
#c78efb
```
#c78efb rgb(199,142,251)
```
#d0a1fc
```
#d0a1fc rgb(208,161,252)
```
#dab4fc
```
#dab4fc rgb(218,180,252)
```
#e3c7fd
```
#e3c7fd rgb(227,199,253)
```
#eddafe
```
#eddafe rgb(237,218,254)
```
#f6edfe
```
#f6edfe rgb(246,237,254)
```

Tint Color Variation

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

#a7a6a8
```
#a7a6a8 rgb(167,166,168)
```
#a79faf
```
#a79faf rgb(167,159,175)
```
#a899b5
```
#a899b5 rgb(168,153,181)
```
#a892bc
```
#a892bc rgb(168,146,188)
```
#a88bc3
```
#a88bc3 rgb(168,139,195)
```
#a984ca
```
#a984ca rgb(169,132,202)
```
#a97ed0
```
#a97ed0 rgb(169,126,208)
```
#a977d7
```
#a977d7 rgb(169,119,215)
```
#aa70de
```
#aa70de rgb(170,112,222)
```
#aa69e5
```
#aa69e5 rgb(170,105,229)
```
#aa63eb
```
#aa63eb rgb(170,99,235)
```
#ab5cf2
```
#ab5cf2 rgb(171,92,242)
```
#ab55f9
```
#ab55f9 rgb(171,85,249)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#897899 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1e83ff Protanopia 1% of men
#008ae5 Deuteranopia 1% of men
#96828b Tritanopia 0.001% of the population

Trichromacy

#5172fc Protanomaly 1% of men, 0.01% of women
#3e76ec Deuteranomaly 6% of men, 0.4% of women
#9d71b3 Tritanomaly 0.01% of the population

#ab55f9 hex color

#ab55f9 Color Information

#ab55f9 Color Conversion

Color Schemes with #ab55f9

Alternatives to #ab55f9

#ab55f9 Preview

Shades and Tints of #ab55f9

Tones of #ab55f9

Color Blindness Simulator