#f2abf3 hex color

In a RGB color space, hex #f2abf3 is composed of 94.9% red, 67.1% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 0.4% cyan, 29.6% magenta, 0% yellow and 4.7% black. It has a hue angle of 299.2 degrees, a saturation of 75% and a lightness of 81.2%. #f2abf3 color hex could be obtained by blending #ffffff with #e557e7. Closest websafe color is: #ff99ff.

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

● #f2abf3 color description : Very soft magenta.

The hexadecimal color #f2abf3 has RGB values of R:242, G:171, B:243 and CMYK values of C:0, M:0.3, Y:0, K:0.05. Its decimal value is 15903731.

Hex triplet	f2abf3	`#f2abf3`
RGB Decimal	242, 171, 243	`rgb(242,171,243)`
RGB Percent	94.9, 67.1, 95.3	`rgb(94.9%,67.1%,95.3%)`
CMYK	0, 30, 0, 5
HSL	299.2°, 75, 81.2	`hsl(299.2,75%,81.2%)`
HSV (or HSB)	299.2°, 29.6, 95.3
Web Safe	ff99ff	`#ff99ff`

CIE-LAB	78.739, 37.421, -25.568
XYZ	67.357, 54.476, 91.756
xyY	0.315, 0.255, 54.476
CIE-LCH	78.739, 45.321, 325.657
CIE-LUV	78.739, 35.285, -46.668
Hunter-Lab	73.808, 33.734, -22.042
Binary	11110010, 10101011, 11110011

#f2abf3
```
#f2abf3 rgb(242,171,243)
```
#acf3ab
```
#acf3ab rgb(172,243,171)
```

Complementary Color

#ceabf3
```
#ceabf3 rgb(206,171,243)
```
#f2abf3
```
#f2abf3 rgb(242,171,243)
```
#f3abd0
```
#f3abd0 rgb(243,171,208)
```

Analogous Color

#abf3ce
```
#abf3ce rgb(171,243,206)
```
#f2abf3
```
#f2abf3 rgb(242,171,243)
```
#d0f3ab
```
#d0f3ab rgb(208,243,171)
```

Split Complementary Color

#abf3f2
```
#abf3f2 rgb(171,243,242)
```
#f2abf3
```
#f2abf3 rgb(242,171,243)
```
#f3f2ab
```
#f3f2ab rgb(243,242,171)
```

Triadic Color

#abacf3
```
#abacf3 rgb(171,172,243)
```
#f2abf3
```
#f2abf3 rgb(242,171,243)
```
#f3f2ab
```
#f3f2ab rgb(243,242,171)
```
#acf3ab
```
#acf3ab rgb(172,243,171)
```

Tetradic Color

#e868e9
```
#e868e9 rgb(232,104,233)
```
#eb7eed
```
#eb7eed rgb(235,126,237)
```
#ef95f0
```
#ef95f0 rgb(239,149,240)
```
#f2abf3
```
#f2abf3 rgb(242,171,243)
```
#f5c1f6
```
#f5c1f6 rgb(245,193,246)
```
#f9d8f9
```
#f9d8f9 rgb(249,216,249)
```
#fceefd
```
#fceefd rgb(252,238,253)
```

Monochromatic Color

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

#e0abf3
```
#e0abf3 rgb(224,171,243)
```
#e6abf3
```
#e6abf3 rgb(230,171,243)
```
#ecabf3
```
#ecabf3 rgb(236,171,243)
```
#f2abf3
```
#f2abf3 rgb(242,171,243)
```
#f3abee
```
#f3abee rgb(243,171,238)
```
#f3abe8
```
#f3abe8 rgb(243,171,232)
```
#f3abe2
```
#f3abe2 rgb(243,171,226)
```

Similar Colors

Text with hexadecimal color #f2abf3

This text has a font color of #f2abf3.

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

#f2abf3 background color

This paragraph has a background color of #f2abf3.

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

#f2abf3 border color

This element has a border color of #f2abf3.

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

CSS codes

.text {color:#f2abf3;}

.background {background-color:#f2abf3;}

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

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

#020002
```
#020002 rgb(2,0,2)
```
#130313
```
#130313 rgb(19,3,19)
```
#240524
```
#240524 rgb(36,5,36)
```
#350835
```
#350835 rgb(53,8,53)
```
#460a46
```
#460a46 rgb(70,10,70)
```
#570d58
```
#570d58 rgb(87,13,88)
```
#680f69
```
#680f69 rgb(104,15,105)
```
#79117a
```
#79117a rgb(121,17,122)
```
#89148b
```
#89148b rgb(137,20,139)
```
#9a169c
```
#9a169c rgb(154,22,156)
```
#ab19ad
```
#ab19ad rgb(171,25,173)
```
#bc1bbf
```
#bc1bbf rgb(188,27,191)
```
#cd1ed0
```
#cd1ed0 rgb(205,30,208)
```

Shade Color Variation

#dd22df
```
#dd22df rgb(221,34,223)
```
#df33e2
```
#df33e2 rgb(223,51,226)
```
#e244e4
```
#e244e4 rgb(226,68,228)
```
#e555e7
```
#e555e7 rgb(229,85,231)
```
#e766e9
```
#e766e9 rgb(231,102,233)
```
#ea78ec
```
#ea78ec rgb(234,120,236)
```
#ed89ee
```
#ed89ee rgb(237,137,238)
```
#ef9af1
```
#ef9af1 rgb(239,154,241)
```
#f2abf3
```
#f2abf3 rgb(242,171,243)
```
#f5bcf5
```
#f5bcf5 rgb(245,188,245)
```
#f7cdf8
```
#f7cdf8 rgb(247,205,248)
```
#fadefa
```
#fadefa rgb(250,222,250)
```
#fdf0fd
```
#fdf0fd rgb(253,240,253)
```

Tint Color Variation

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

#d2ccd2
```
#d2ccd2 rgb(210,204,210)
```
#d5c9d5
```
#d5c9d5 rgb(213,201,213)
```
#d9c5d9
```
#d9c5d9 rgb(217,197,217)
```
#dcc1dd
```
#dcc1dd rgb(220,193,221)
```
#e0bde1
```
#e0bde1 rgb(224,189,225)
```
#e4bae4
```
#e4bae4 rgb(228,186,228)
```
#e7b6e8
```
#e7b6e8 rgb(231,182,232)
```
#ebb2ec
```
#ebb2ec rgb(235,178,236)
```
#eeafef
```
#eeafef rgb(238,175,239)
```
#f2abf3
```
#f2abf3 rgb(242,171,243)
```
#f6a7f7
```
#f6a7f7 rgb(246,167,247)
```
#f9a4fa
```
#f9a4fa rgb(249,164,250)
```
#fda0fe
```
#fda0fe rgb(253,160,254)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#d0c2d1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4c3ff Protanopia 1% of men
#c3c2ed Deuteranopia 1% of men
#ebb8c5 Tritanopia 0.001% of the population

Trichromacy

#cabafa Protanomaly 1% of men, 0.01% of women
#d4b9ef Deuteranomaly 6% of men, 0.4% of women
#edb3d6 Tritanomaly 0.01% of the population

#f2abf3 hex color

#f2abf3 Color Information

#f2abf3 Color Conversion

Color Schemes with #f2abf3

Alternatives to #f2abf3

#f2abf3 Preview

Shades and Tints of #f2abf3

Tones of #f2abf3

Color Blindness Simulator