#f4baf2 hex color

In a RGB color space, hex #f4baf2 is composed of 95.7% red, 72.9% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.8% magenta, 0.8% yellow and 4.3% black. It has a hue angle of 302.1 degrees, a saturation of 72.5% and a lightness of 84.3%. #f4baf2 color hex could be obtained by blending #ffffff with #e975e5. Closest websafe color is: #ffccff.

♥
- f
- t
- g
- R 96
- G 73
- B 95
RGB color chart
- C 0
- M 24
- Y 1
- K 4
CMYK color chart

● #f4baf2 color description : Very soft magenta.

The hexadecimal color #f4baf2 has RGB values of R:244, G:186, B:242 and CMYK values of C:0, M:0.24, Y:0.01, K:0.04. Its decimal value is 16038642.

Hex triplet	f4baf2	`#f4baf2`
RGB Decimal	244, 186, 242	`rgb(244,186,242)`
RGB Percent	95.7, 72.9, 94.9	`rgb(95.7%,72.9%,94.9%)`
CMYK	0, 24, 1, 4
HSL	302.1°, 72.5, 84.3	`hsl(302.1,72.5%,84.3%)`
HSV (or HSB)	302.1°, 23.8, 95.7
Web Safe	ffccff	`#ffccff`

CIE-LAB	82.251, 29.946, -19.674
XYZ	70.892, 60.763, 91.994
xyY	0.317, 0.272, 60.763
CIE-LCH	82.251, 35.831, 326.696
CIE-LUV	82.251, 29.42, -36.071
Hunter-Lab	77.951, 25.922, -15.405
Binary	11110100, 10111010, 11110010

#f4baf2
```
#f4baf2 rgb(244,186,242)
```
#baf4bc
```
#baf4bc rgb(186,244,188)
```

Complementary Color

#d9baf4
```
#d9baf4 rgb(217,186,244)
```
#f4baf2
```
#f4baf2 rgb(244,186,242)
```
#f4bad5
```
#f4bad5 rgb(244,186,213)
```

Analogous Color

#baf4d9
```
#baf4d9 rgb(186,244,217)
```
#f4baf2
```
#f4baf2 rgb(244,186,242)
```
#d5f4ba
```
#d5f4ba rgb(213,244,186)
```

Split Complementary Color

#baf2f4
```
#baf2f4 rgb(186,242,244)
```
#f4baf2
```
#f4baf2 rgb(244,186,242)
```
#f2f4ba
```
#f2f4ba rgb(242,244,186)
```

Triadic Color

#bcbaf4
```
#bcbaf4 rgb(188,186,244)
```
#f4baf2
```
#f4baf2 rgb(244,186,242)
```
#f2f4ba
```
#f2f4ba rgb(242,244,186)
```
#baf4bc
```
#baf4bc rgb(186,244,188)
```

Tetradic Color

#e978e6
```
#e978e6 rgb(233,120,230)
```
#ed8eea
```
#ed8eea rgb(237,142,234)
```
#f0a4ee
```
#f0a4ee rgb(240,164,238)
```
#f4baf2
```
#f4baf2 rgb(244,186,242)
```
#f8d0f6
```
#f8d0f6 rgb(248,208,246)
```
#fbe6fa
```
#fbe6fa rgb(251,230,250)
```
#fffcfe
```
#fffcfe rgb(255,252,254)
```

Monochromatic Color

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

#e8baf4
```
#e8baf4 rgb(232,186,244)
```
#ecbaf4
```
#ecbaf4 rgb(236,186,244)
```
#f1baf4
```
#f1baf4 rgb(241,186,244)
```
#f4baf2
```
#f4baf2 rgb(244,186,242)
```
#f4baed
```
#f4baed rgb(244,186,237)
```
#f4bae8
```
#f4bae8 rgb(244,186,232)
```
#f4bae4
```
#f4bae4 rgb(244,186,228)
```

Similar Colors

Text with hexadecimal color #f4baf2

This text has a font color of #f4baf2.

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

#f4baf2 background color

This paragraph has a background color of #f4baf2.

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

#f4baf2 border color

This element has a border color of #f4baf2.

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

CSS codes

.text {color:#f4baf2;}

.background {background-color:#f4baf2;}

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

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

#10020f
```
#10020f rgb(16,2,15)
```
#210520
```
#210520 rgb(33,5,32)
```
#310830
```
#310830 rgb(49,8,48)
```
#420b40
```
#420b40 rgb(66,11,64)
```
#530d51
```
#530d51 rgb(83,13,81)
```
#641061
```
#641061 rgb(100,16,97)
```
#751372
```
#751372 rgb(117,19,114)
```
#861582
```
#861582 rgb(134,21,130)
```
#971893
```
#971893 rgb(151,24,147)
```
#a81ba3
```
#a81ba3 rgb(168,27,163)
```
#b91db3
```
#b91db3 rgb(185,29,179)
```
#ca20c4
```
#ca20c4 rgb(202,32,196)
```
#db23d4
```
#db23d4 rgb(219,35,212)
```

Shade Color Variation

#de33d9
```
#de33d9 rgb(222,51,217)
```
#e144dc
```
#e144dc rgb(225,68,220)
```
#e454df
```
#e454df rgb(228,84,223)
```
#e765e2
```
#e765e2 rgb(231,101,226)
```
#e976e5
```
#e976e5 rgb(233,118,229)
```
#ec87e8
```
#ec87e8 rgb(236,135,232)
```
#ef98ec
```
#ef98ec rgb(239,152,236)
```
#f1a9ef
```
#f1a9ef rgb(241,169,239)
```
#f4baf2
```
#f4baf2 rgb(244,186,242)
```
#f7cbf5
```
#f7cbf5 rgb(247,203,245)
```
#f9dcf8
```
#f9dcf8 rgb(249,220,248)
```
#fcedfc
```
#fcedfc rgb(252,237,252)
```
#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 #fdb1fb is the most saturated one.

#d8d6d8
```
#d8d6d8 rgb(216,214,216)
```
#dbd3db
```
#dbd3db rgb(219,211,219)
```
#ded0de
```
#ded0de rgb(222,208,222)
```
#e2cce1
```
#e2cce1 rgb(226,204,225)
```
#e5c9e4
```
#e5c9e4 rgb(229,201,228)
```
#e8c6e7
```
#e8c6e7 rgb(232,198,231)
```
#ebc3e9
```
#ebc3e9 rgb(235,195,233)
```
#eec0ec
```
#eec0ec rgb(238,192,236)
```
#f1bdef
```
#f1bdef rgb(241,189,239)
```
#f4baf2
```
#f4baf2 rgb(244,186,242)
```
#f7b7f5
```
#f7b7f5 rgb(247,183,245)
```
#fab4f8
```
#fab4f8 rgb(250,180,248)
```
#fdb1fb
```
#fdb1fb rgb(253,177,251)
```

Tone Color Variation

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

#d2d2d2 Achromatopsia 0.005% of the population
#d9cdd8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3cdfc Protanopia 1% of men
#d2caee Deuteranopia 1% of men
#efc3d1 Tritanopia 0.001% of the population

Trichromacy

#d5c6f8 Protanomaly 1% of men, 0.01% of women
#dec4ef Deuteranomaly 6% of men, 0.4% of women
#f1c0dd Tritanomaly 0.01% of the population

#f4baf2 hex color

#f4baf2 Color Information

#f4baf2 Color Conversion

Color Schemes with #f4baf2

Alternatives to #f4baf2

#f4baf2 Preview

Shades and Tints of #f4baf2

Tones of #f4baf2

Color Blindness Simulator