#f2abf7 hex color

In a RGB color space, hex #f2abf7 is composed of 94.9% red, 67.1% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 2% cyan, 30.8% magenta, 0% yellow and 3.1% black. It has a hue angle of 296.1 degrees, a saturation of 82.6% and a lightness of 82%. #f2abf7 color hex could be obtained by blending #ffffff with #e557ef. Closest websafe color is: #ff99ff.

♥
- f
- t
- g
- R 95
- G 67
- B 97
RGB color chart
- C 2
- M 31
- Y 0
- K 3
CMYK color chart

● #f2abf7 color description : Very soft magenta.

The hexadecimal color #f2abf7 has RGB values of R:242, G:171, B:247 and CMYK values of C:0.02, M:0.31, Y:0, K:0.03. Its decimal value is 15903735.

Hex triplet	f2abf7	`#f2abf7`
RGB Decimal	242, 171, 247	`rgb(242,171,247)`
RGB Percent	94.9, 67.1, 96.9	`rgb(94.9%,67.1%,96.9%)`
CMYK	2, 31, 0, 3
HSL	296.1°, 82.6, 82	`hsl(296.1,82.6%,82%)`
HSV (or HSB)	296.1°, 30.8, 96.9
Web Safe	ff99ff	`#ff99ff`

CIE-LAB	78.88, 38.155, -27.506
XYZ	67.967, 54.72, 94.972
xyY	0.312, 0.251, 54.72
CIE-LCH	78.88, 47.036, 324.212
CIE-LUV	78.88, 34.656, -49.973
Hunter-Lab	73.973, 34.554, -24.34
Binary	11110010, 10101011, 11110111

#f2abf7
```
#f2abf7 rgb(242,171,247)
```
#b0f7ab
```
#b0f7ab rgb(176,247,171)
```

Complementary Color

#ccabf7
```
#ccabf7 rgb(204,171,247)
```
#f2abf7
```
#f2abf7 rgb(242,171,247)
```
#f7abd6
```
#f7abd6 rgb(247,171,214)
```

Analogous Color

#abf7cc
```
#abf7cc rgb(171,247,204)
```
#f2abf7
```
#f2abf7 rgb(242,171,247)
```
#d6f7ab
```
#d6f7ab rgb(214,247,171)
```

Split Complementary Color

#abf7f2
```
#abf7f2 rgb(171,247,242)
```
#f2abf7
```
#f2abf7 rgb(242,171,247)
```
#f7f2ab
```
#f7f2ab rgb(247,242,171)
```

Triadic Color

#abb0f7
```
#abb0f7 rgb(171,176,247)
```
#f2abf7
```
#f2abf7 rgb(242,171,247)
```
#f7f2ab
```
#f7f2ab rgb(247,242,171)
```
#b0f7ab
```
#b0f7ab rgb(176,247,171)
```

Tetradic Color

#e765f0
```
#e765f0 rgb(231,101,240)
```
#eb7cf3
```
#eb7cf3 rgb(235,124,243)
```
#ee94f5
```
#ee94f5 rgb(238,148,245)
```
#f2abf7
```
#f2abf7 rgb(242,171,247)
```
#f6c2f9
```
#f6c2f9 rgb(246,194,249)
```
#f9dafb
```
#f9dafb rgb(249,218,251)
```
#fdf1fe
```
#fdf1fe rgb(253,241,254)
```

Monochromatic Color

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

#dfabf7
```
#dfabf7 rgb(223,171,247)
```
#e5abf7
```
#e5abf7 rgb(229,171,247)
```
#ecabf7
```
#ecabf7 rgb(236,171,247)
```
#f2abf7
```
#f2abf7 rgb(242,171,247)
```
#f7abf6
```
#f7abf6 rgb(247,171,246)
```
#f7abef
```
#f7abef rgb(247,171,239)
```
#f7abe9
```
#f7abe9 rgb(247,171,233)
```

Similar Colors

Text with hexadecimal color #f2abf7

This text has a font color of #f2abf7.

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

#f2abf7 background color

This paragraph has a background color of #f2abf7.

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

#f2abf7 border color

This element has a border color of #f2abf7.

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

CSS codes

.text {color:#f2abf7;}

.background {background-color:#f2abf7;}

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

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

#050106
```
#050106 rgb(5,1,6)
```
#160217
```
#160217 rgb(22,2,23)
```
#270429
```
#270429 rgb(39,4,41)
```
#38063b
```
#38063b rgb(56,6,59)
```
#49074d
```
#49074d rgb(73,7,77)
```
#59095f
```
#59095f rgb(89,9,95)
```
#6a0b71
```
#6a0b71 rgb(106,11,113)
```
#7b0c83
```
#7b0c83 rgb(123,12,131)
```
#8c0e95
```
#8c0e95 rgb(140,14,149)
```
#9d10a7
```
#9d10a7 rgb(157,16,167)
```
#ae12b9
```
#ae12b9 rgb(174,18,185)
```
#be13cb
```
#be13cb rgb(190,19,203)
```
#cf15dc
```
#cf15dc rgb(207,21,220)
```

Shade Color Variation

#dc1ce9
```
#dc1ce9 rgb(220,28,233)
```
#df2eeb
```
#df2eeb rgb(223,46,235)
```
#e140ed
```
#e140ed rgb(225,64,237)
```
#e451ee
```
#e451ee rgb(228,81,238)
```
#e763f0
```
#e763f0 rgb(231,99,240)
```
#ea75f2
```
#ea75f2 rgb(234,117,242)
```
#ec87f4
```
#ec87f4 rgb(236,135,244)
```
#ef99f5
```
#ef99f5 rgb(239,153,245)
```
#f2abf7
```
#f2abf7 rgb(242,171,247)
```
#f5bdf9
```
#f5bdf9 rgb(245,189,249)
```
#f8cffa
```
#f8cffa rgb(248,207,250)
```
#fae1fc
```
#fae1fc rgb(250,225,252)
```
#fdf3fe
```
#fdf3fe rgb(253,243,254)
```

Tint Color Variation

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

#d3ced4
```
#d3ced4 rgb(211,206,212)
```
#d6cbd7
```
#d6cbd7 rgb(214,203,215)
```
#d9c7db
```
#d9c7db rgb(217,199,219)
```
#dcc4de
```
#dcc4de rgb(220,196,222)
```
#e0c0e2
```
#e0c0e2 rgb(224,192,226)
```
#e3bde5
```
#e3bde5 rgb(227,189,229)
```
#e6b9e9
```
#e6b9e9 rgb(230,185,233)
```
#e9b6ec
```
#e9b6ec rgb(233,182,236)
```
#ecb2f0
```
#ecb2f0 rgb(236,178,240)
```
#efaff3
```
#efaff3 rgb(239,175,243)
```
#f2abf7
```
#f2abf7 rgb(242,171,247)
```
#f5a7fb
```
#f5a7fb rgb(245,167,251)
```
#f8a4fe
```
#f8a4fe rgb(248,164,254)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#d1c3d2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4c4ff Protanopia 1% of men
#c1c2f1 Deuteranopia 1% of men
#eab9c6 Tritanopia 0.001% of the population

Trichromacy

#cbbbfc Protanomaly 1% of men, 0.01% of women
#d3baf3 Deuteranomaly 6% of men, 0.4% of women
#edb4d8 Tritanomaly 0.01% of the population

#f2abf7 hex color

#f2abf7 Color Information

#f2abf7 Color Conversion

Color Schemes with #f2abf7

Alternatives to #f2abf7

#f2abf7 Preview

Shades and Tints of #f2abf7

Tones of #f2abf7

Color Blindness Simulator