colorhexa.com

#ab2bf2 hex color

In a RGB color space, hex #ab2bf2 is composed of 67.1% red, 16.9% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 29.3% cyan, 82.2% magenta, 0% yellow and 5.1% black. It has a hue angle of 278.6 degrees, a saturation of 88.4% and a lightness of 55.9%. #ab2bf2 color hex could be obtained by blending #ff56ff with #5700e5. Closest websafe color is: #9933ff.

- R 67
- G 17
- B 95
RGB color chart
- C 29
- M 82
- Y 0
- K 5
CMYK color chart

● #ab2bf2 color description : Bright violet.

The hexadecimal color #ab2bf2 has RGB values of R:171, G:43, B:242 and CMYK values of C:0.29, M:0.82, Y:0, K:0.05. Its decimal value is 11217906.

Hex triplet	ab2bf2	`#ab2bf2`
RGB Decimal	171, 43, 242	`rgb(171,43,242)`
RGB Percent	67.1, 16.9, 94.9	`rgb(67.1%,16.9%,94.9%)`
CMYK	29, 82, 0, 5
HSL	278.6°, 88.4, 55.9	`hsl(278.6,88.4%,55.9%)`
HSV (or HSB)	278.6°, 82.2, 94.9
Web Safe	9933ff	`#9933ff`

CIE-LAB	48.004, 77.952, -74.14
XYZ	33.683, 16.797, 85.467
xyY	0.248, 0.124, 16.797
CIE-LCH	48.004, 107.579, 316.436
CIE-LUV	48.004, 31.654, -118.218
Hunter-Lab	40.985, 74.977, -94.951
Binary	10101011, 00101011, 11110010

#ab2bf2
```
#ab2bf2 rgb(171,43,242)
```
#72f22b
```
#72f22b rgb(114,242,43)
```

Complementary Color

#472bf2
```
#472bf2 rgb(71,43,242)
```
#ab2bf2
```
#ab2bf2 rgb(171,43,242)
```
#f22bd6
```
#f22bd6 rgb(242,43,214)
```

Analogous Color

#2bf247
```
#2bf247 rgb(43,242,71)
```
#ab2bf2
```
#ab2bf2 rgb(171,43,242)
```
#d6f22b
```
#d6f22b rgb(214,242,43)
```

Split Complementary Color

#2bf2ab
```
#2bf2ab rgb(43,242,171)
```
#ab2bf2
```
#ab2bf2 rgb(171,43,242)
```
#f2ab2b
```
#f2ab2b rgb(242,171,43)
```

Triadic Color

#2b72f2
```
#2b72f2 rgb(43,114,242)
```
#ab2bf2
```
#ab2bf2 rgb(171,43,242)
```
#f2ab2b
```
#f2ab2b rgb(242,171,43)
```
#72f22b
```
#72f22b rgb(114,242,43)
```

Tetradic Color

#830cc4
```
#830cc4 rgb(131,12,196)
```
#930edc
```
#930edc rgb(147,14,220)
```
#a113f1
```
#a113f1 rgb(161,19,241)
```
#ab2bf2
```
#ab2bf2 rgb(171,43,242)
```
#b543f3
```
#b543f3 rgb(181,67,243)
```
#be5bf5
```
#be5bf5 rgb(190,91,245)
```
#c873f6
```
#c873f6 rgb(200,115,246)
```

Monochromatic Color

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

#792bf2
```
#792bf2 rgb(121,43,242)
```
#8a2bf2
```
#8a2bf2 rgb(138,43,242)
```
#9a2bf2
```
#9a2bf2 rgb(154,43,242)
```
#ab2bf2
```
#ab2bf2 rgb(171,43,242)
```
#bc2bf2
```
#bc2bf2 rgb(188,43,242)
```
#cc2bf2
```
#cc2bf2 rgb(204,43,242)
```
#dd2bf2
```
#dd2bf2 rgb(221,43,242)
```

Similar Colors

Text with hexadecimal color #ab2bf2

This text has a font color of #ab2bf2.

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

#ab2bf2 background color

This paragraph has a background color of #ab2bf2.

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

#ab2bf2 border color

This element has a border color of #ab2bf2.

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

CSS codes

.text {color:#ab2bf2;}

.background {background-color:#ab2bf2;}

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

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, #07010a is the darkest color, while #fcf6fe is the lightest one.

#07010a
```
#07010a rgb(7,1,10)
```
#13021c
```
#13021c rgb(19,2,28)
```
#1f032f
```
#1f032f rgb(31,3,47)
```
#2b0441
```
#2b0441 rgb(43,4,65)
```
#380554
```
#380554 rgb(56,5,84)
```
#440666
```
#440666 rgb(68,6,102)
```
#500779
```
#500779 rgb(80,7,121)
```
#5d098b
```
#5d098b rgb(93,9,139)
```
#690a9e
```
#690a9e rgb(105,10,158)
```
#750bb0
```
#750bb0 rgb(117,11,176)
```
#810cc3
```
#810cc3 rgb(129,12,195)
```
#8e0dd5
```
#8e0dd5 rgb(142,13,213)
```
#9a0ee8
```
#9a0ee8 rgb(154,14,232)
```

Shade Color Variation

#a419f1
```
#a419f1 rgb(164,25,241)
```
#ab2bf2
```
#ab2bf2 rgb(171,43,242)
```
#b23df3
```
#b23df3 rgb(178,61,243)
```
#ba50f4
```
#ba50f4 rgb(186,80,244)
```
#c162f5
```
#c162f5 rgb(193,98,245)
```
#c875f7
```
#c875f7 rgb(200,117,247)
```
#d087f8
```
#d087f8 rgb(208,135,248)
```
#d79af9
```
#d79af9 rgb(215,154,249)
```
#deacfa
```
#deacfa rgb(222,172,250)
```
#e6bffb
```
#e6bffb rgb(230,191,251)
```
#edd1fc
```
#edd1fc rgb(237,209,252)
```
#f4e4fd
```
#f4e4fd rgb(244,228,253)
```
#fcf6fe
```
#fcf6fe rgb(252,246,254)
```

Tint Color Variation

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

#908a93
```
#908a93 rgb(144,138,147)
```
#92829b
```
#92829b rgb(146,130,155)
```
#9579a4
```
#9579a4 rgb(149,121,164)
```
#9770ad
```
#9770ad rgb(151,112,173)
```
#9a68b5
```
#9a68b5 rgb(154,104,181)
```
#9c5fbe
```
#9c5fbe rgb(156,95,190)
```
#9f56c7
```
#9f56c7 rgb(159,86,199)
```
#a14ecf
```
#a14ecf rgb(161,78,207)
```
#a445d8
```
#a445d8 rgb(164,69,216)
```
#a63ce1
```
#a63ce1 rgb(166,60,225)
```
#a934e9
```
#a934e9 rgb(169,52,233)
```
#ab2bf2
```
#ab2bf2 rgb(171,43,242)
```
#ad22fb
```
#ad22fb rgb(173,34,251)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#755c84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e5 Protanopia 1% of men
#007bca Deuteranopia 1% of men
#956e76 Tritanopia 0.001% of the population

Trichromacy

#3e5ae9 Protanomaly 1% of men, 0.01% of women
#3e5ed9 Deuteranomaly 6% of men, 0.4% of women
#9d56a3 Tritanomaly 0.01% of the population