#f5bafe hex color

In a RGB color space, hex #f5bafe is composed of 96.1% red, 72.9% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 3.5% cyan, 26.8% magenta, 0% yellow and 0.4% black. It has a hue angle of 292.1 degrees, a saturation of 97.1% and a lightness of 86.3%. #f5bafe color hex could be obtained by blending #ffffff with #eb75fd. Closest websafe color is: #ffccff.

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

● #f5bafe color description : Very soft magenta.

The hexadecimal color #f5bafe has RGB values of R:245, G:186, B:254 and CMYK values of C:0.04, M:0.27, Y:0, K:0. Its decimal value is 16104190.

Hex triplet	f5bafe	`#f5bafe`
RGB Decimal	245, 186, 254	`rgb(245,186,254)`
RGB Percent	96.1, 72.9, 99.6	`rgb(96.1%,72.9%,99.6%)`
CMYK	4, 27, 0, 0
HSL	292.1°, 97.1, 86.3	`hsl(292.1,97.1%,86.3%)`
HSV (or HSB)	292.1°, 26.8, 99.6
Web Safe	ffccff	`#ffccff`

CIE-LAB	82.747, 32.473, -25.323
XYZ	73.102, 61.688, 101.817
xyY	0.309, 0.261, 61.688
CIE-LCH	82.747, 41.18, 322.053
CIE-LUV	82.747, 28.423, -45.755
Hunter-Lab	78.541, 28.69, -21.881
Binary	11110101, 10111010, 11111110

#f5bafe
```
#f5bafe rgb(245,186,254)
```
#c3feba
```
#c3feba rgb(195,254,186)
```

Complementary Color

#d3bafe
```
#d3bafe rgb(211,186,254)
```
#f5bafe
```
#f5bafe rgb(245,186,254)
```
#febae5
```
#febae5 rgb(254,186,229)
```

Analogous Color

#bafed3
```
#bafed3 rgb(186,254,211)
```
#f5bafe
```
#f5bafe rgb(245,186,254)
```
#e5feba
```
#e5feba rgb(229,254,186)
```

Split Complementary Color

#bafef5
```
#bafef5 rgb(186,254,245)
```
#f5bafe
```
#f5bafe rgb(245,186,254)
```
#fef5ba
```
#fef5ba rgb(254,245,186)
```

Triadic Color

#bac3fe
```
#bac3fe rgb(186,195,254)
```
#f5bafe
```
#f5bafe rgb(245,186,254)
```
#fef5ba
```
#fef5ba rgb(254,245,186)
```
#c3feba
```
#c3feba rgb(195,254,186)
```

Tetradic Color

#ea6ffd
```
#ea6ffd rgb(234,111,253)
```
#ee88fd
```
#ee88fd rgb(238,136,253)
```
#f1a1fe
```
#f1a1fe rgb(241,161,254)
```
#f5bafe
```
#f5bafe rgb(245,186,254)
```
#f9d3fe
```
#f9d3fe rgb(249,211,254)
```
#fcecff
```
#fcecff rgb(252,236,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#e4bafe
```
#e4bafe rgb(228,186,254)
```
#eabafe
```
#eabafe rgb(234,186,254)
```
#efbafe
```
#efbafe rgb(239,186,254)
```
#f5bafe
```
#f5bafe rgb(245,186,254)
```
#fbbafe
```
#fbbafe rgb(251,186,254)
```
#febafc
```
#febafc rgb(254,186,252)
```
#febaf6
```
#febaf6 rgb(254,186,246)
```

Similar Colors

Text with hexadecimal color #f5bafe

This text has a font color of #f5bafe.

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

#f5bafe background color

This paragraph has a background color of #f5bafe.

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

#f5bafe border color

This element has a border color of #f5bafe.

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

CSS codes

.text {color:#f5bafe;}

.background {background-color:#f5bafe;}

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

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

#070008
```
#070008 rgb(7,0,8)
```
#18001c
```
#18001c rgb(24,0,28)
```
#29012f
```
#29012f rgb(41,1,47)
```
#3a0142
```
#3a0142 rgb(58,1,66)
```
#4b0156
```
#4b0156 rgb(75,1,86)
```
#5b0269
```
#5b0269 rgb(91,2,105)
```
#6c027c
```
#6c027c rgb(108,2,124)
```
#7d0290
```
#7d0290 rgb(125,2,144)
```
#8e02a3
```
#8e02a3 rgb(142,2,163)
```
#9f03b6
```
#9f03b6 rgb(159,3,182)
```
#af03ca
```
#af03ca rgb(175,3,202)
```
#c003dd
```
#c003dd rgb(192,3,221)
```
#d103f0
```
#d103f0 rgb(209,3,240)
```

Shade Color Variation

#dc0cfb
```
#dc0cfb rgb(220,12,251)
```
#df1ffc
```
#df1ffc rgb(223,31,252)
```
#e133fc
```
#e133fc rgb(225,51,252)
```
#e446fc
```
#e446fc rgb(228,70,252)
```
#e759fd
```
#e759fd rgb(231,89,253)
```
#ea6dfd
```
#ea6dfd rgb(234,109,253)
```
#ed80fd
```
#ed80fd rgb(237,128,253)
```
#ef93fd
```
#ef93fd rgb(239,147,253)
```
#f2a7fe
```
#f2a7fe rgb(242,167,254)
```
#f5bafe
```
#f5bafe rgb(245,186,254)
```
#f8cdfe
```
#f8cdfe rgb(248,205,254)
```
#fbe1ff
```
#fbe1ff rgb(251,225,255)
```
#fdf4ff
```
#fdf4ff rgb(253,244,255)
```

Tint Color Variation

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

#dddade
```
#dddade rgb(221,218,222)
```
#dfd8e0
```
#dfd8e0 rgb(223,216,224)
```
#e1d5e3
```
#e1d5e3 rgb(225,213,227)
```
#e3d2e6
```
#e3d2e6 rgb(227,210,230)
```
#e5d0e8
```
#e5d0e8 rgb(229,208,232)
```
#e7cdeb
```
#e7cdeb rgb(231,205,235)
```
#e9caee
```
#e9caee rgb(233,202,238)
```
#ebc7f1
```
#ebc7f1 rgb(235,199,241)
```
#edc5f3
```
#edc5f3 rgb(237,197,243)
```
#efc2f6
```
#efc2f6 rgb(239,194,246)
```
#f1bff9
```
#f1bff9 rgb(241,191,249)
```
#f3bdfb
```
#f3bdfb rgb(243,189,251)
```
#f5bafe
```
#f5bafe rgb(245,186,254)
```

Tone Color Variation

Below, you can see how #f5bafe 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
#dacedc Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3ceff Protanopia 1% of men
#ceccf9 Deuteranopia 1% of men
#eec5d3 Tritanopia 0.001% of the population

Trichromacy

#d5c7fe Protanomaly 1% of men, 0.01% of women
#dcc5fb Deuteranomaly 6% of men, 0.4% of women
#f0c1e3 Tritanomaly 0.01% of the population

#f5bafe hex color

#f5bafe Color Information

#f5bafe Color Conversion

Color Schemes with #f5bafe

Alternatives to #f5bafe

#f5bafe Preview

Shades and Tints of #f5bafe

Tones of #f5bafe

Color Blindness Simulator