colorhexa.com

#ab02f0 hex color

In a RGB color space, hex #ab02f0 is composed of 67.1% red, 0.8% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 28.8% cyan, 99.2% magenta, 0% yellow and 5.9% black. It has a hue angle of 282.6 degrees, a saturation of 98.3% and a lightness of 47.5%. #ab02f0 color hex could be obtained by blending #ff04ff with #5700e1. Closest websafe color is: #9900ff.

- R 67
- G 1
- B 94
RGB color chart
- C 29
- M 99
- Y 0
- K 6
CMYK color chart

● #ab02f0 color description : Vivid violet.

The hexadecimal color #ab02f0 has RGB values of R:171, G:2, B:240 and CMYK values of C:0.29, M:0.99, Y:0, K:0.06. Its decimal value is 11207408.

Hex triplet	ab02f0	`#ab02f0`
RGB Decimal	171, 2, 240	`rgb(171,2,240)`
RGB Percent	67.1, 0.8, 94.1	`rgb(67.1%,0.8%,94.1%)`
CMYK	29, 99, 0, 6
HSL	282.6°, 98.3, 47.5	`hsl(282.6,98.3%,47.5%)`
HSV (or HSB)	282.6°, 99.2, 94.1
Web Safe	9900ff	`#9900ff`

CIE-LAB	45.625, 84.162, -76.897
XYZ	32.542, 14.994, 83.613
xyY	0.248, 0.114, 14.994
CIE-LCH	45.625, 114.002, 317.583
CIE-LUV	45.625, 34.553, -120.317
Hunter-Lab	38.722, 82.252, -100.922
Binary	10101011, 00000010, 11110000

#ab02f0
```
#ab02f0 rgb(171,2,240)
```
#47f002
```
#47f002 rgb(71,240,2)
```

Complementary Color

#3402f0
```
#3402f0 rgb(52,2,240)
```
#ab02f0
```
#ab02f0 rgb(171,2,240)
```
#f002be
```
#f002be rgb(240,2,190)
```

Analogous Color

#02f034
```
#02f034 rgb(2,240,52)
```
#ab02f0
```
#ab02f0 rgb(171,2,240)
```
#bef002
```
#bef002 rgb(190,240,2)
```

Split Complementary Color

#02f0ab
```
#02f0ab rgb(2,240,171)
```
#ab02f0
```
#ab02f0 rgb(171,2,240)
```
#f0ab02
```
#f0ab02 rgb(240,171,2)
```

Triadic Color

#7501a4
```
#7501a4 rgb(117,1,164)
```
#8702bd
```
#8702bd rgb(135,2,189)
```
#9902d7
```
#9902d7 rgb(153,2,215)
```
#ab02f0
```
#ab02f0 rgb(171,2,240)
```
#b80ffd
```
#b80ffd rgb(184,15,253)
```
#bf28fd
```
#bf28fd rgb(191,40,253)
```
#c741fd
```
#c741fd rgb(199,65,253)
```

Monochromatic Color

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

#7002f0
```
#7002f0 rgb(112,2,240)
```
#8302f0
```
#8302f0 rgb(131,2,240)
```
#9702f0
```
#9702f0 rgb(151,2,240)
```
#ab02f0
```
#ab02f0 rgb(171,2,240)
```
#bf02f0
```
#bf02f0 rgb(191,2,240)
```
#d302f0
```
#d302f0 rgb(211,2,240)
```
#e702f0
```
#e702f0 rgb(231,2,240)
```

Similar Colors

Text with hexadecimal color #ab02f0

This text has a font color of #ab02f0.

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

#ab02f0 background color

This paragraph has a background color of #ab02f0.

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

#ab02f0 border color

This element has a border color of #ab02f0.

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

CSS codes

.text {color:#ab02f0;}

.background {background-color:#ab02f0;}

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

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

#050007
```
#050007 rgb(5,0,7)
```
#13001a
```
#13001a rgb(19,0,26)
```
#20002d
```
#20002d rgb(32,0,45)
```
#2e0141
```
#2e0141 rgb(46,1,65)
```
#3c0154
```
#3c0154 rgb(60,1,84)
```
#4a0168
```
#4a0168 rgb(74,1,104)
```
#58017b
```
#58017b rgb(88,1,123)
```
#66018f
```
#66018f rgb(102,1,143)
```
#7401a2
```
#7401a2 rgb(116,1,162)
```
#8102b6
```
#8102b6 rgb(129,2,182)
```
#8f02c9
```
#8f02c9 rgb(143,2,201)
```
#9d02dd
```
#9d02dd rgb(157,2,221)
```
#ab02f0
```
#ab02f0 rgb(171,2,240)
```

Shade Color Variation

#b609fd
```
#b609fd rgb(182,9,253)
```
#bc1cfd
```
#bc1cfd rgb(188,28,253)
```
#c230fd
```
#c230fd rgb(194,48,253)
```
#c743fd
```
#c743fd rgb(199,67,253)
```
#cd56fe
```
#cd56fe rgb(205,86,254)
```
#d36afe
```
#d36afe rgb(211,106,254)
```
#d97dfe
```
#d97dfe rgb(217,125,254)
```
#de91fe
```
#de91fe rgb(222,145,254)
```
#e4a4fe
```
#e4a4fe rgb(228,164,254)
```
#eab8fe
```
#eab8fe rgb(234,184,254)
```
#f0cbff
```
#f0cbff rgb(240,203,255)
```
#f5dfff
```
#f5dfff rgb(245,223,255)
```
#fbf2ff
```
#fbf2ff rgb(251,242,255)
```

Tint Color Variation

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

#7c7280
```
#7c7280 rgb(124,114,128)
```
#80688a
```
#80688a rgb(128,104,138)
```
#845f93
```
#845f93 rgb(132,95,147)
```
#88569c
```
#88569c rgb(136,86,156)
```
#8c4ca6
```
#8c4ca6 rgb(140,76,166)
```
#9043af
```
#9043af rgb(144,67,175)
```
#943ab8
```
#943ab8 rgb(148,58,184)
```
#9731c1
```
#9731c1 rgb(151,49,193)
```
#9b27cb
```
#9b27cb rgb(155,39,203)
```
#9f1ed4
```
#9f1ed4 rgb(159,30,212)
```
#a315dd
```
#a315dd rgb(163,21,221)
```
#a70be7
```
#a70be7 rgb(167,11,231)
```
#ab02f0
```
#ab02f0 rgb(171,2,240)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#624070 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070da Protanopia 1% of men
#0076c0 Deuteranopia 1% of men
#95676e Tritanopia 0.001% of the population

Trichromacy

#3e48e2 Protanomaly 1% of men, 0.01% of women
#3e4bd1 Deuteranomaly 6% of men, 0.4% of women
#9d429d Tritanomaly 0.01% of the population