#fab4f0 hex color

In a RGB color space, hex #fab4f0 is composed of 98% red, 70.6% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28% magenta, 4% yellow and 2% black. It has a hue angle of 308.6 degrees, a saturation of 87.5% and a lightness of 84.3%. #fab4f0 color hex could be obtained by blending #ffffff with #f569e1. Closest websafe color is: #ffccff.

♥
- f
- t
- g
- R 98
- G 71
- B 94
RGB color chart
- C 0
- M 28
- Y 4
- K 2
CMYK color chart

● #fab4f0 color description : Very soft magenta.

The hexadecimal color #fab4f0 has RGB values of R:250, G:180, B:240 and CMYK values of C:0, M:0.28, Y:0.04, K:0.02. Its decimal value is 16430320.

Hex triplet	fab4f0	`#fab4f0`
RGB Decimal	250, 180, 240	`rgb(250,180,240)`
RGB Percent	98, 70.6, 94.1	`rgb(98%,70.6%,94.1%)`
CMYK	0, 28, 4, 2
HSL	308.6°, 87.5, 84.3	`hsl(308.6,87.5%,84.3%)`
HSV (or HSB)	308.6°, 28, 98
Web Safe	ffccff	`#ffccff`

CIE-LAB	81.434, 34.701, -19.781
XYZ	71.472, 59.26, 90.107
xyY	0.324, 0.268, 59.26
CIE-LCH	81.434, 39.943, 330.315
CIE-LUV	81.434, 36.48, -37.021
Hunter-Lab	76.98, 31.011, -15.513
Binary	11111010, 10110100, 11110000

#fab4f0
```
#fab4f0 rgb(250,180,240)
```
#b4fabe
```
#b4fabe rgb(180,250,190)
```

Complementary Color

#e1b4fa
```
#e1b4fa rgb(225,180,250)
```
#fab4f0
```
#fab4f0 rgb(250,180,240)
```
#fab4cd
```
#fab4cd rgb(250,180,205)
```

Analogous Color

#b4fae1
```
#b4fae1 rgb(180,250,225)
```
#fab4f0
```
#fab4f0 rgb(250,180,240)
```
#cdfab4
```
#cdfab4 rgb(205,250,180)
```

Split Complementary Color

#b4f0fa
```
#b4f0fa rgb(180,240,250)
```
#fab4f0
```
#fab4f0 rgb(250,180,240)
```
#f0fab4
```
#f0fab4 rgb(240,250,180)
```

Triadic Color

#beb4fa
```
#beb4fa rgb(190,180,250)
```
#fab4f0
```
#fab4f0 rgb(250,180,240)
```
#f0fab4
```
#f0fab4 rgb(240,250,180)
```
#b4fabe
```
#b4fabe rgb(180,250,190)
```

Tetradic Color

#f56ce2
```
#f56ce2 rgb(245,108,226)
```
#f784e6
```
#f784e6 rgb(247,132,230)
```
#f89ceb
```
#f89ceb rgb(248,156,235)
```
#fab4f0
```
#fab4f0 rgb(250,180,240)
```
#fcccf5
```
#fcccf5 rgb(252,204,245)
```
#fde4fa
```
#fde4fa rgb(253,228,250)
```
#fffcfe
```
#fffcfe rgb(255,252,254)
```

Monochromatic Color

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

#f3b4fa
```
#f3b4fa rgb(243,180,250)
```
#f8b4fa
```
#f8b4fa rgb(248,180,250)
```
#fab4f6
```
#fab4f6 rgb(250,180,246)
```
#fab4f0
```
#fab4f0 rgb(250,180,240)
```
#fab4ea
```
#fab4ea rgb(250,180,234)
```
#fab4e4
```
#fab4e4 rgb(250,180,228)
```
#fab4df
```
#fab4df rgb(250,180,223)
```

Similar Colors

Text with hexadecimal color #fab4f0

This text has a font color of #fab4f0.

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

#fab4f0 background color

This paragraph has a background color of #fab4f0.

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

#fab4f0 border color

This element has a border color of #fab4f0.

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

CSS codes

.text {color:#fab4f0;}

.background {background-color:#fab4f0;}

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

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, #11010f is the darkest color, while #fffeff is the lightest one.

#11010f
```
#11010f rgb(17,1,15)
```
#23021f
```
#23021f rgb(35,2,31)
```
#36042f
```
#36042f rgb(54,4,47)
```
#48053f
```
#48053f rgb(72,5,63)
```
#5b064e
```
#5b064e rgb(91,6,78)
```
#6d075e
```
#6d075e rgb(109,7,94)
```
#7f086e
```
#7f086e rgb(127,8,110)
```
#920a7e
```
#920a7e rgb(146,10,126)
```
#a40b8e
```
#a40b8e rgb(164,11,142)
```
#b60c9e
```
#b60c9e rgb(182,12,158)
```
#c90dae
```
#c90dae rgb(201,13,174)
```
#db0fbe
```
#db0fbe rgb(219,15,190)
```
#ee10ce
```
#ee10ce rgb(238,16,206)
```

Shade Color Variation

#f021d3
```
#f021d3 rgb(240,33,211)
```
#f133d6
```
#f133d6 rgb(241,51,214)
```
#f346da
```
#f346da rgb(243,70,218)
```
#f458de
```
#f458de rgb(244,88,222)
```
#f56ae1
```
#f56ae1 rgb(245,106,225)
```
#f67de5
```
#f67de5 rgb(246,125,229)
```
#f88fe9
```
#f88fe9 rgb(248,143,233)
```
#f9a2ec
```
#f9a2ec rgb(249,162,236)
```
#fab4f0
```
#fab4f0 rgb(250,180,240)
```
#fbc6f4
```
#fbc6f4 rgb(251,198,244)
```
#fcd9f7
```
#fcd9f7 rgb(252,217,247)
```
#feebfb
```
#feebfb rgb(254,235,251)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#d8d6d8
```
#d8d6d8 rgb(216,214,216)
```
#dbd3da
```
#dbd3da rgb(219,211,218)
```
#ded0dc
```
#ded0dc rgb(222,208,220)
```
#e1cdde
```
#e1cdde rgb(225,205,222)
```
#e4cae1
```
#e4cae1 rgb(228,202,225)
```
#e8c6e3
```
#e8c6e3 rgb(232,198,227)
```
#ebc3e5
```
#ebc3e5 rgb(235,195,229)
```
#eec0e7
```
#eec0e7 rgb(238,192,231)
```
#f1bde9
```
#f1bde9 rgb(241,189,233)
```
#f4baec
```
#f4baec rgb(244,186,236)
```
#f7b7ee
```
#f7b7ee rgb(247,183,238)
```
#fab4f0
```
#fab4f0 rgb(250,180,240)
```
#fdb1f2
```
#fdb1f2 rgb(253,177,242)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#d8cad6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0cbfc Protanopia 1% of men
#d0c8eb Deuteranopia 1% of men
#f4bfcc Tritanopia 0.001% of the population

Trichromacy

#d5c2f8 Protanomaly 1% of men, 0.01% of women
#dfc1ed Deuteranomaly 6% of men, 0.4% of women
#f6bbd9 Tritanomaly 0.01% of the population

#fab4f0 hex color

#fab4f0 Color Information

#fab4f0 Color Conversion

Color Schemes with #fab4f0

Alternatives to #fab4f0

#fab4f0 Preview

Shades and Tints of #fab4f0

Tones of #fab4f0

Color Blindness Simulator