#fab2f4 hex color

In a RGB color space, hex #fab2f4 is composed of 98% red, 69.8% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.8% magenta, 2.4% yellow and 2% black. It has a hue angle of 305 degrees, a saturation of 87.8% and a lightness of 83.9%. #fab2f4 color hex could be obtained by blending #ffffff with #f565e9. Closest websafe color is: #ff99ff.

♥
- f
- t
- g
- R 98
- G 70
- B 96
RGB color chart
- C 0
- M 29
- Y 2
- K 2
CMYK color chart

● #fab2f4 color description : Very soft magenta.

The hexadecimal color #fab2f4 has RGB values of R:250, G:178, B:244 and CMYK values of C:0, M:0.29, Y:0.02, K:0.02. Its decimal value is 16429812.

Hex triplet	fab2f4	`#fab2f4`
RGB Decimal	250, 178, 244	`rgb(250,178,244)`
RGB Percent	98, 69.8, 95.7	`rgb(98%,69.8%,95.7%)`
CMYK	0, 29, 2, 2
HSL	305°, 87.8, 83.9	`hsl(305,87.8%,83.9%)`
HSV (or HSB)	305°, 28.8, 98
Web Safe	ff99ff	`#ff99ff`

CIE-LAB	81.126, 36.455, -22.395
XYZ	71.672, 58.699, 93.138
xyY	0.321, 0.263, 58.699
CIE-LCH	81.126, 42.785, 328.436
CIE-LUV	81.126, 36.853, -41.531
Hunter-Lab	76.615, 32.907, -18.446
Binary	11111010, 10110010, 11110100

#fab2f4
```
#fab2f4 rgb(250,178,244)
```
#b2fab8
```
#b2fab8 rgb(178,250,184)
```

Complementary Color

#dcb2fa
```
#dcb2fa rgb(220,178,250)
```
#fab2f4
```
#fab2f4 rgb(250,178,244)
```
#fab2d0
```
#fab2d0 rgb(250,178,208)
```

Analogous Color

#b2fadc
```
#b2fadc rgb(178,250,220)
```
#fab2f4
```
#fab2f4 rgb(250,178,244)
```
#d0fab2
```
#d0fab2 rgb(208,250,178)
```

Split Complementary Color

#b2f4fa
```
#b2f4fa rgb(178,244,250)
```
#fab2f4
```
#fab2f4 rgb(250,178,244)
```
#f4fab2
```
#f4fab2 rgb(244,250,178)
```

Triadic Color

#b8b2fa
```
#b8b2fa rgb(184,178,250)
```
#fab2f4
```
#fab2f4 rgb(250,178,244)
```
#f4fab2
```
#f4fab2 rgb(244,250,178)
```
#b2fab8
```
#b2fab8 rgb(178,250,184)
```

Tetradic Color

#f56aea
```
#f56aea rgb(245,106,234)
```
#f782ed
```
#f782ed rgb(247,130,237)
```
#f89af1
```
#f89af1 rgb(248,154,241)
```
#fab2f4
```
#fab2f4 rgb(250,178,244)
```
#fccaf7
```
#fccaf7 rgb(252,202,247)
```
#fde2fb
```
#fde2fb rgb(253,226,251)
```
#fffafe
```
#fffafe rgb(255,250,254)
```

Monochromatic Color

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

#eeb2fa
```
#eeb2fa rgb(238,178,250)
```
#f4b2fa
```
#f4b2fa rgb(244,178,250)
```
#fab2fa
```
#fab2fa rgb(250,178,250)
```
#fab2f4
```
#fab2f4 rgb(250,178,244)
```
#fab2ee
```
#fab2ee rgb(250,178,238)
```
#fab2e8
```
#fab2e8 rgb(250,178,232)
```
#fab2e2
```
#fab2e2 rgb(250,178,226)
```

Similar Colors

Text with hexadecimal color #fab2f4

This text has a font color of #fab2f4.

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

#fab2f4 background color

This paragraph has a background color of #fab2f4.

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

#fab2f4 border color

This element has a border color of #fab2f4.

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

CSS codes

.text {color:#fab2f4;}

.background {background-color:#fab2f4;}

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

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, #0f010e is the darkest color, while #fffcff is the lightest one.

#0f010e
```
#0f010e rgb(15,1,14)
```
#22021f
```
#22021f rgb(34,2,31)
```
#340330
```
#340330 rgb(52,3,48)
```
#460541
```
#460541 rgb(70,5,65)
```
#590652
```
#590652 rgb(89,6,82)
```
#6b0763
```
#6b0763 rgb(107,7,99)
```
#7e0874
```
#7e0874 rgb(126,8,116)
```
#900985
```
#900985 rgb(144,9,133)
```
#a20b96
```
#a20b96 rgb(162,11,150)
```
#b50ca7
```
#b50ca7 rgb(181,12,167)
```
#c70db8
```
#c70db8 rgb(199,13,184)
```
#da0ec9
```
#da0ec9 rgb(218,14,201)
```
#ec0fda
```
#ec0fda rgb(236,15,218)
```

Shade Color Variation

#f01fdf
```
#f01fdf rgb(240,31,223)
```
#f231e2
```
#f231e2 rgb(242,49,226)
```
#f343e4
```
#f343e4 rgb(243,67,228)
```
#f456e7
```
#f456e7 rgb(244,86,231)
```
#f568e9
```
#f568e9 rgb(245,104,233)
```
#f67bec
```
#f67bec rgb(246,123,236)
```
#f88def
```
#f88def rgb(248,141,239)
```
#f9a0f1
```
#f9a0f1 rgb(249,160,241)
```
#fab2f4
```
#fab2f4 rgb(250,178,244)
```
#fbc4f7
```
#fbc4f7 rgb(251,196,247)
```
#fcd7f9
```
#fcd7f9 rgb(252,215,249)
```
#fee9fc
```
#fee9fc rgb(254,233,252)
```
#fffcff
```
#fffcff rgb(255,252,255)
```

Tint Color Variation

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

#d7d5d7
```
#d7d5d7 rgb(215,213,215)
```
#dad2da
```
#dad2da rgb(218,210,218)
```
#decedc
```
#decedc rgb(222,206,220)
```
#e1cbdf
```
#e1cbdf rgb(225,203,223)
```
#e4c8e2
```
#e4c8e2 rgb(228,200,226)
```
#e7c5e4
```
#e7c5e4 rgb(231,197,228)
```
#eac2e7
```
#eac2e7 rgb(234,194,231)
```
#edbfe9
```
#edbfe9 rgb(237,191,233)
```
#f1bbec
```
#f1bbec rgb(241,187,236)
```
#f4b8ef
```
#f4b8ef rgb(244,184,239)
```
#f7b5f1
```
#f7b5f1 rgb(247,181,241)
```
#fab2f4
```
#fab2f4 rgb(250,178,244)
```
#fdaff7
```
#fdaff7 rgb(253,175,247)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#d8c9d6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdcaff Protanopia 1% of men
#cdc7ef Deuteranopia 1% of men
#f3becb Tritanopia 0.001% of the population

Trichromacy

#d3c1fb Protanomaly 1% of men, 0.01% of women
#ddbff0 Deuteranomaly 6% of men, 0.4% of women
#f6b9da Tritanomaly 0.01% of the population

#fab2f4 hex color

#fab2f4 Color Information

#fab2f4 Color Conversion

Color Schemes with #fab2f4

Alternatives to #fab2f4

#fab2f4 Preview

Shades and Tints of #fab2f4

Tones of #fab2f4

Color Blindness Simulator