#f9baf2 hex color

In a RGB color space, hex #f9baf2 is composed of 97.6% red, 72.9% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.3% magenta, 2.8% yellow and 2.4% black. It has a hue angle of 306.7 degrees, a saturation of 84% and a lightness of 85.3%. #f9baf2 color hex could be obtained by blending #ffffff with #f375e5. Closest websafe color is: #ffccff.

♥
- f
- t
- g
- R 98
- G 73
- B 95
RGB color chart
- C 0
- M 25
- Y 3
- K 2
CMYK color chart

● #f9baf2 color description : Very soft magenta.

The hexadecimal color #f9baf2 has RGB values of R:249, G:186, B:242 and CMYK values of C:0, M:0.25, Y:0.03, K:0.02. Its decimal value is 16366322.

Hex triplet	f9baf2	`#f9baf2`
RGB Decimal	249, 186, 242	`rgb(249,186,242)`
RGB Percent	97.6, 72.9, 94.9	`rgb(97.6%,72.9%,94.9%)`
CMYK	0, 25, 3, 2
HSL	306.7°, 84, 85.3	`hsl(306.7,84%,85.3%)`
HSV (or HSB)	306.7°, 25.3, 97.6
Web Safe	ffccff	`#ffccff`

CIE-LAB	82.738, 31.569, -18.892
XYZ	72.651, 61.67, 92.076
xyY	0.321, 0.272, 61.67
CIE-LCH	82.738, 36.79, 329.102
CIE-LUV	82.738, 32.564, -35.12
Hunter-Lab	78.53, 27.707, -14.546
Binary	11111001, 10111010, 11110010

#f9baf2
```
#f9baf2 rgb(249,186,242)
```
#baf9c1
```
#baf9c1 rgb(186,249,193)
```

Complementary Color

#e1baf9
```
#e1baf9 rgb(225,186,249)
```
#f9baf2
```
#f9baf2 rgb(249,186,242)
```
#f9bad3
```
#f9bad3 rgb(249,186,211)
```

Analogous Color

#baf9e1
```
#baf9e1 rgb(186,249,225)
```
#f9baf2
```
#f9baf2 rgb(249,186,242)
```
#d3f9ba
```
#d3f9ba rgb(211,249,186)
```

Split Complementary Color

#baf2f9
```
#baf2f9 rgb(186,242,249)
```
#f9baf2
```
#f9baf2 rgb(249,186,242)
```
#f2f9ba
```
#f2f9ba rgb(242,249,186)
```

Triadic Color

#c1baf9
```
#c1baf9 rgb(193,186,249)
```
#f9baf2
```
#f9baf2 rgb(249,186,242)
```
#f2f9ba
```
#f2f9ba rgb(242,249,186)
```
#baf9c1
```
#baf9c1 rgb(186,249,193)
```

Tetradic Color

#f374e5
```
#f374e5 rgb(243,116,229)
```
#f58be9
```
#f58be9 rgb(245,139,233)
```
#f7a3ee
```
#f7a3ee rgb(247,163,238)
```
#f9baf2
```
#f9baf2 rgb(249,186,242)
```
#fbd1f6
```
#fbd1f6 rgb(251,209,246)
```
#fde9fb
```
#fde9fb rgb(253,233,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#f0baf9
```
#f0baf9 rgb(240,186,249)
```
#f6baf9
```
#f6baf9 rgb(246,186,249)
```
#f9baf7
```
#f9baf7 rgb(249,186,247)
```
#f9baf2
```
#f9baf2 rgb(249,186,242)
```
#f9baed
```
#f9baed rgb(249,186,237)
```
#f9bae8
```
#f9bae8 rgb(249,186,232)
```
#f9bae2
```
#f9bae2 rgb(249,186,226)
```

Similar Colors

Text with hexadecimal color #f9baf2

This text has a font color of #f9baf2.

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

#f9baf2 background color

This paragraph has a background color of #f9baf2.

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

#f9baf2 border color

This element has a border color of #f9baf2.

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

CSS codes

.text {color:#f9baf2;}

.background {background-color:#f9baf2;}

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

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

#030003
```
#030003 rgb(3,0,3)
```
#150213
```
#150213 rgb(21,2,19)
```
#270323
```
#270323 rgb(39,3,35)
```
#390534
```
#390534 rgb(57,5,52)
```
#4b0744
```
#4b0744 rgb(75,7,68)
```
#5d0854
```
#5d0854 rgb(93,8,84)
```
#6f0a64
```
#6f0a64 rgb(111,10,100)
```
#820b74
```
#820b74 rgb(130,11,116)
```
#940d85
```
#940d85 rgb(148,13,133)
```
#a60e95
```
#a60e95 rgb(166,14,149)
```
#b810a5
```
#b810a5 rgb(184,16,165)
```
#ca12b5
```
#ca12b5 rgb(202,18,181)
```
#dc13c5
```
#dc13c5 rgb(220,19,197)
```

Shade Color Variation

#eb18d3
```
#eb18d3 rgb(235,24,211)
```
#ec2ad7
```
#ec2ad7 rgb(236,42,215)
```
#ee3cda
```
#ee3cda rgb(238,60,218)
```
#f04ede
```
#f04ede rgb(240,78,222)
```
#f160e1
```
#f160e1 rgb(241,96,225)
```
#f372e4
```
#f372e4 rgb(243,114,228)
```
#f484e8
```
#f484e8 rgb(244,132,232)
```
#f696eb
```
#f696eb rgb(246,150,235)
```
#f7a8ef
```
#f7a8ef rgb(247,168,239)
```
#f9baf2
```
#f9baf2 rgb(249,186,242)
```
#fbccf5
```
#fbccf5 rgb(251,204,245)
```
#fcdef9
```
#fcdef9 rgb(252,222,249)
```
#fef0fc
```
#fef0fc rgb(254,240,252)
```

Tint Color Variation

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

#dcd7dc
```
#dcd7dc rgb(220,215,220)
```
#dfd4de
```
#dfd4de rgb(223,212,222)
```
#e2d1e0
```
#e2d1e0 rgb(226,209,224)
```
#e5cee2
```
#e5cee2 rgb(229,206,226)
```
#e8cbe5
```
#e8cbe5 rgb(232,203,229)
```
#ebc8e7
```
#ebc8e7 rgb(235,200,231)
```
#edc6e9
```
#edc6e9 rgb(237,198,233)
```
#f0c3eb
```
#f0c3eb rgb(240,195,235)
```
#f3c0ee
```
#f3c0ee rgb(243,192,238)
```
#f6bdf0
```
#f6bdf0 rgb(246,189,240)
```
#f9baf2
```
#f9baf2 rgb(249,186,242)
```
#fcb7f4
```
#fcb7f4 rgb(252,183,244)
```
#ffb4f6
```
#ffb4f6 rgb(255,180,246)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#dbced9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4cefd Protanopia 1% of men
#d4cbee Deuteranopia 1% of men
#f4c3d1 Tritanopia 0.001% of the population

Trichromacy

#d7c7f9 Protanomaly 1% of men, 0.01% of women
#e2c5ef Deuteranomaly 6% of men, 0.4% of women
#f5c0dd Tritanomaly 0.01% of the population

#f9baf2 hex color

#f9baf2 Color Information

#f9baf2 Color Conversion

Color Schemes with #f9baf2

Alternatives to #f9baf2

#f9baf2 Preview

Shades and Tints of #f9baf2

Tones of #f9baf2

Color Blindness Simulator