#ab74f2 hex color

In a RGB color space, hex #ab74f2 is composed of 67.1% red, 45.5% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 29.3% cyan, 52.1% magenta, 0% yellow and 5.1% black. It has a hue angle of 266.2 degrees, a saturation of 82.9% and a lightness of 70.2%. #ab74f2 color hex could be obtained by blending #ffe8ff with #5700e5. Closest websafe color is: #9966ff.

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

● #ab74f2 color description : Soft violet.

The hexadecimal color #ab74f2 has RGB values of R:171, G:116, B:242 and CMYK values of C:0.29, M:0.52, Y:0, K:0.05. Its decimal value is 11236594.

Hex triplet	ab74f2	`#ab74f2`
RGB Decimal	171, 116, 242	`rgb(171,116,242)`
RGB Percent	67.1, 45.5, 94.9	`rgb(67.1%,45.5%,94.9%)`
CMYK	29, 52, 0, 5
HSL	266.2°, 82.9, 70.2	`hsl(266.2,82.9%,70.2%)`
HSV (or HSB)	266.2°, 52.1, 94.9
Web Safe	9966ff	`#9966ff`

CIE-LAB	59.489, 46.367, -55.62
XYZ	39.064, 27.56, 87.261
xyY	0.254, 0.179, 27.56
CIE-LCH	59.489, 72.412, 309.816
CIE-LUV	59.489, 16.189, -93.625
Hunter-Lab	52.497, 40.955, -61.804
Binary	10101011, 01110100, 11110010

#ab74f2
```
#ab74f2 rgb(171,116,242)
```
#bbf274
```
#bbf274 rgb(187,242,116)
```

Complementary Color

#747cf2
```
#747cf2 rgb(116,124,242)
```
#ab74f2
```
#ab74f2 rgb(171,116,242)
```
#ea74f2
```
#ea74f2 rgb(234,116,242)
```

Analogous Color

#7cf274
```
#7cf274 rgb(124,242,116)
```
#ab74f2
```
#ab74f2 rgb(171,116,242)
```
#f2ea74
```
#f2ea74 rgb(242,234,116)
```

Split Complementary Color

#74f2ab
```
#74f2ab rgb(116,242,171)
```
#ab74f2
```
#ab74f2 rgb(171,116,242)
```
#f2ab74
```
#f2ab74 rgb(242,171,116)
```

Triadic Color

#74bbf2
```
#74bbf2 rgb(116,187,242)
```
#ab74f2
```
#ab74f2 rgb(171,116,242)
```
#f2ab74
```
#f2ab74 rgb(242,171,116)
```
#bbf274
```
#bbf274 rgb(187,242,116)
```

Tetradic Color

#812eeb
```
#812eeb rgb(129,46,235)
```
#8f45ee
```
#8f45ee rgb(143,69,238)
```
#9d5df0
```
#9d5df0 rgb(157,93,240)
```
#ab74f2
```
#ab74f2 rgb(171,116,242)
```
#b98bf4
```
#b98bf4 rgb(185,139,244)
```
#c7a3f6
```
#c7a3f6 rgb(199,163,246)
```
#d5baf9
```
#d5baf9 rgb(213,186,249)
```

Monochromatic Color

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

#8c74f2
```
#8c74f2 rgb(140,116,242)
```
#9674f2
```
#9674f2 rgb(150,116,242)
```
#a174f2
```
#a174f2 rgb(161,116,242)
```
#ab74f2
```
#ab74f2 rgb(171,116,242)
```
#b674f2
```
#b674f2 rgb(182,116,242)
```
#c074f2
```
#c074f2 rgb(192,116,242)
```
#cb74f2
```
#cb74f2 rgb(203,116,242)
```

Similar Colors

Text with hexadecimal color #ab74f2

This text has a font color of #ab74f2.

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

#ab74f2 background color

This paragraph has a background color of #ab74f2.

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

#ab74f2 border color

This element has a border color of #ab74f2.

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

CSS codes

.text {color:#ab74f2;}

.background {background-color:#ab74f2;}

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

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

#020005
```
#020005 rgb(2,0,5)
```
#0b0216
```
#0b0216 rgb(11,2,22)
```
#140428
```
#140428 rgb(20,4,40)
```
#1d053a
```
#1d053a rgb(29,5,58)
```
#25074c
```
#25074c rgb(37,7,76)
```
#2e095e
```
#2e095e rgb(46,9,94)
```
#370a70
```
#370a70 rgb(55,10,112)
```
#400c82
```
#400c82 rgb(64,12,130)
```
#480e94
```
#480e94 rgb(72,14,148)
```
#5110a6
```
#5110a6 rgb(81,16,166)
```
#5a11b8
```
#5a11b8 rgb(90,17,184)
```
#6313ca
```
#6313ca rgb(99,19,202)
```
#6c15dc
```
#6c15dc rgb(108,21,220)
```

Shade Color Variation

#751aea
```
#751aea rgb(117,26,234)
```
#802ceb
```
#802ceb rgb(128,44,235)
```
#8a3eed
```
#8a3eed rgb(138,62,237)
```
#9550ef
```
#9550ef rgb(149,80,239)
```
#a062f0
```
#a062f0 rgb(160,98,240)
```
#ab74f2
```
#ab74f2 rgb(171,116,242)
```
#b686f4
```
#b686f4 rgb(182,134,244)
```
#c198f5
```
#c198f5 rgb(193,152,245)
```
#ccaaf7
```
#ccaaf7 rgb(204,170,247)
```
#d6bcf9
```
#d6bcf9 rgb(214,188,249)
```
#e1cefa
```
#e1cefa rgb(225,206,250)
```
#ece0fc
```
#ece0fc rgb(236,224,252)
```
#f7f2fe
```
#f7f2fe rgb(247,242,254)
```

Tint Color Variation

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

#b2aeb8
```
#b2aeb8 rgb(178,174,184)
```
#b2a9bd
```
#b2a9bd rgb(178,169,189)
```
#b1a3c3
```
#b1a3c3 rgb(177,163,195)
```
#b09dc9
```
#b09dc9 rgb(176,157,201)
```
#af97cf
```
#af97cf rgb(175,151,207)
```
#af91d5
```
#af91d5 rgb(175,145,213)
```
#ae8bdb
```
#ae8bdb rgb(174,139,219)
```
#ad86e0
```
#ad86e0 rgb(173,134,224)
```
#ac80e6
```
#ac80e6 rgb(172,128,230)
```
#ac7aec
```
#ac7aec rgb(172,122,236)
```
#ab74f2
```
#ab74f2 rgb(171,116,242)
```
#aa6ef8
```
#aa6ef8 rgb(170,110,248)
```
#aa68fe
```
#aa68fe rgb(170,104,254)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#988da6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5991ff Protanopia 1% of men
#5a95e9 Deuteranopia 1% of men
#9b929c Tritanopia 0.001% of the population

Trichromacy

#7786fa Protanomaly 1% of men, 0.01% of women
#7789ec Deuteranomaly 6% of men, 0.4% of women
#a187bb Tritanomaly 0.01% of the population

#ab74f2 hex color

#ab74f2 Color Information

#ab74f2 Color Conversion

Color Schemes with #ab74f2

Alternatives to #ab74f2

#ab74f2 Preview

Shades and Tints of #ab74f2

Tones of #ab74f2

Color Blindness Simulator