#ab78f2 hex color

In a RGB color space, hex #ab78f2 is composed of 67.1% red, 47.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 29.3% cyan, 50.4% magenta, 0% yellow and 5.1% black. It has a hue angle of 265.1 degrees, a saturation of 82.4% and a lightness of 71%. #ab78f2 color hex could be obtained by blending #fff0ff with #5700e5. Closest websafe color is: #9966ff.

♥
- f
- t
- g
- R 67
- G 47
- B 95
RGB color chart
- C 29
- M 50
- Y 0
- K 5
CMYK color chart

● #ab78f2 color description : Soft violet.

The hexadecimal color #ab78f2 has RGB values of R:171, G:120, B:242 and CMYK values of C:0.29, M:0.5, Y:0, K:0.05. Its decimal value is 11237618.

Hex triplet	ab78f2	`#ab78f2`
RGB Decimal	171, 120, 242	`rgb(171,120,242)`
RGB Percent	67.1, 47.1, 94.9	`rgb(67.1%,47.1%,94.9%)`
CMYK	29, 50, 0, 5
HSL	265.1°, 82.4, 71	`hsl(265.1,82.4%,71%)`
HSV (or HSB)	265.1°, 50.4, 94.9
Web Safe	9966ff	`#9966ff`

CIE-LAB	60.339, 44.189, -54.265
XYZ	39.535, 28.502, 87.418
xyY	0.254, 0.183, 28.502
CIE-LCH	60.339, 69.981, 309.156
CIE-LUV	60.339, 14.9, -91.474
Hunter-Lab	53.387, 38.759, -59.713
Binary	10101011, 01111000, 11110010

#ab78f2
```
#ab78f2 rgb(171,120,242)
```
#bff278
```
#bff278 rgb(191,242,120)
```

Complementary Color

#7882f2
```
#7882f2 rgb(120,130,242)
```
#ab78f2
```
#ab78f2 rgb(171,120,242)
```
#e878f2
```
#e878f2 rgb(232,120,242)
```

Analogous Color

#82f278
```
#82f278 rgb(130,242,120)
```
#ab78f2
```
#ab78f2 rgb(171,120,242)
```
#f2e878
```
#f2e878 rgb(242,232,120)
```

Split Complementary Color

#78f2ab
```
#78f2ab rgb(120,242,171)
```
#ab78f2
```
#ab78f2 rgb(171,120,242)
```
#f2ab78
```
#f2ab78 rgb(242,171,120)
```

Triadic Color

#78bff2
```
#78bff2 rgb(120,191,242)
```
#ab78f2
```
#ab78f2 rgb(171,120,242)
```
#f2ab78
```
#f2ab78 rgb(242,171,120)
```
#bff278
```
#bff278 rgb(191,242,120)
```

Tetradic Color

#8032eb
```
#8032eb rgb(128,50,235)
```
#8e49ee
```
#8e49ee rgb(142,73,238)
```
#9d61f0
```
#9d61f0 rgb(157,97,240)
```
#ab78f2
```
#ab78f2 rgb(171,120,242)
```
#b98ff4
```
#b98ff4 rgb(185,143,244)
```
#c8a7f6
```
#c8a7f6 rgb(200,167,246)
```
#d6bef9
```
#d6bef9 rgb(214,190,249)
```

Monochromatic Color

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

#8d78f2
```
#8d78f2 rgb(141,120,242)
```
#9778f2
```
#9778f2 rgb(151,120,242)
```
#a178f2
```
#a178f2 rgb(161,120,242)
```
#ab78f2
```
#ab78f2 rgb(171,120,242)
```
#b578f2
```
#b578f2 rgb(181,120,242)
```
#bf78f2
```
#bf78f2 rgb(191,120,242)
```
#ca78f2
```
#ca78f2 rgb(202,120,242)
```

Similar Colors

Text with hexadecimal color #ab78f2

This text has a font color of #ab78f2.

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

#ab78f2 background color

This paragraph has a background color of #ab78f2.

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

#ab78f2 border color

This element has a border color of #ab78f2.

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

CSS codes

.text {color:#ab78f2;}

.background {background-color:#ab78f2;}

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

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

#040108
```
#040108 rgb(4,1,8)
```
#0c031a
```
#0c031a rgb(12,3,26)
```
#15042c
```
#15042c rgb(21,4,44)
```
#1d063e
```
#1d063e rgb(29,6,62)
```
#260850
```
#260850 rgb(38,8,80)
```
#2e0962
```
#2e0962 rgb(46,9,98)
```
#370b73
```
#370b73 rgb(55,11,115)
```
#3f0d85
```
#3f0d85 rgb(63,13,133)
```
#480f97
```
#480f97 rgb(72,15,151)
```
#5010a9
```
#5010a9 rgb(80,16,169)
```
#5912bb
```
#5912bb rgb(89,18,187)
```
#6114cd
```
#6114cd rgb(97,20,205)
```
#6a15df
```
#6a15df rgb(106,21,223)
```

Shade Color Variation

#731fe9
```
#731fe9 rgb(115,31,233)
```
#7e30eb
```
#7e30eb rgb(126,48,235)
```
#8a42ed
```
#8a42ed rgb(138,66,237)
```
#9554ef
```
#9554ef rgb(149,84,239)
```
#a066f0
```
#a066f0 rgb(160,102,240)
```
#ab78f2
```
#ab78f2 rgb(171,120,242)
```
#b68af4
```
#b68af4 rgb(182,138,244)
```
#c19cf5
```
#c19cf5 rgb(193,156,245)
```
#ccaef7
```
#ccaef7 rgb(204,174,247)
```
#d8c0f9
```
#d8c0f9 rgb(216,192,249)
```
#e3d1fb
```
#e3d1fb rgb(227,209,251)
```
#eee3fc
```
#eee3fc rgb(238,227,252)
```
#f9f5fe
```
#f9f5fe rgb(249,245,254)
```

Tint Color Variation

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

#b4b1b9
```
#b4b1b9 rgb(180,177,185)
```
#b3abbf
```
#b3abbf rgb(179,171,191)
```
#b2a6c4
```
#b2a6c4 rgb(178,166,196)
```
#b2a0ca
```
#b2a0ca rgb(178,160,202)
```
#b19ad0
```
#b19ad0 rgb(177,154,208)
```
#b094d6
```
#b094d6 rgb(176,148,214)
```
#af8fdb
```
#af8fdb rgb(175,143,219)
```
#ae89e1
```
#ae89e1 rgb(174,137,225)
```
#ad83e7
```
#ad83e7 rgb(173,131,231)
```
#ac7eec
```
#ac7eec rgb(172,126,236)
```
#ab78f2
```
#ab78f2 rgb(171,120,242)
```
#aa72f8
```
#aa72f8 rgb(170,114,248)
```
#a96dfd
```
#a96dfd rgb(169,109,253)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#998fa8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f93ff Protanopia 1% of men
#6097e9 Deuteranopia 1% of men
#9c949f Tritanopia 0.001% of the population

Trichromacy

#7a89fa Protanomaly 1% of men, 0.01% of women
#7b8cec Deuteranomaly 6% of men, 0.4% of women
#a18abd Tritanomaly 0.01% of the population

#ab78f2 hex color

#ab78f2 Color Information

#ab78f2 Color Conversion

Color Schemes with #ab78f2

Alternatives to #ab78f2

#ab78f2 Preview

Shades and Tints of #ab78f2

Tones of #ab78f2

Color Blindness Simulator