#f8bdf4 hex color

In a RGB color space, hex #f8bdf4 is composed of 97.3% red, 74.1% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.8% magenta, 1.6% yellow and 2.7% black. It has a hue angle of 304.1 degrees, a saturation of 80.8% and a lightness of 85.7%. #f8bdf4 color hex could be obtained by blending #ffffff with #f17be9. Closest websafe color is: #ffccff.

♥
- f
- t
- g
- R 97
- G 74
- B 96
RGB color chart
- C 0
- M 24
- Y 2
- K 3
CMYK color chart

● #f8bdf4 color description : Very soft magenta.

The hexadecimal color #f8bdf4 has RGB values of R:248, G:189, B:244 and CMYK values of C:0, M:0.24, Y:0.02, K:0.03. Its decimal value is 16301556.

Hex triplet	f8bdf4	`#f8bdf4`
RGB Decimal	248, 189, 244	`rgb(248,189,244)`
RGB Percent	97.3, 74.1, 95.7	`rgb(97.3%,74.1%,95.7%)`
CMYK	0, 24, 2, 3
HSL	304.1°, 80.8, 85.7	`hsl(304.1,80.8%,85.7%)`
HSV (or HSB)	304.1°, 23.8, 97.3
Web Safe	ffccff	`#ffccff`

CIE-LAB	83.382, 30.017, -18.997
XYZ	73.236, 62.885, 93.863
xyY	0.318, 0.273, 62.885
CIE-LCH	83.382, 35.523, 327.671
CIE-LUV	83.382, 30.168, -35.057
Hunter-Lab	79.3, 26.075, -14.668
Binary	11111000, 10111101, 11110100

#f8bdf4
```
#f8bdf4 rgb(248,189,244)
```
#bdf8c1
```
#bdf8c1 rgb(189,248,193)
```

Complementary Color

#dfbdf8
```
#dfbdf8 rgb(223,189,248)
```
#f8bdf4
```
#f8bdf4 rgb(248,189,244)
```
#f8bdd7
```
#f8bdd7 rgb(248,189,215)
```

Analogous Color

#bdf8df
```
#bdf8df rgb(189,248,223)
```
#f8bdf4
```
#f8bdf4 rgb(248,189,244)
```
#d7f8bd
```
#d7f8bd rgb(215,248,189)
```

Split Complementary Color

#bdf4f8
```
#bdf4f8 rgb(189,244,248)
```
#f8bdf4
```
#f8bdf4 rgb(248,189,244)
```
#f4f8bd
```
#f4f8bd rgb(244,248,189)
```

Triadic Color

#c1bdf8
```
#c1bdf8 rgb(193,189,248)
```
#f8bdf4
```
#f8bdf4 rgb(248,189,244)
```
#f4f8bd
```
#f4f8bd rgb(244,248,189)
```
#bdf8c1
```
#bdf8c1 rgb(189,248,193)
```

Tetradic Color

#f178e8
```
#f178e8 rgb(241,120,232)
```
#f38fec
```
#f38fec rgb(243,143,236)
```
#f6a6f0
```
#f6a6f0 rgb(246,166,240)
```
#f8bdf4
```
#f8bdf4 rgb(248,189,244)
```
#fad4f8
```
#fad4f8 rgb(250,212,248)
```
#fdebfc
```
#fdebfc rgb(253,235,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#edbdf8
```
#edbdf8 rgb(237,189,248)
```
#f2bdf8
```
#f2bdf8 rgb(242,189,248)
```
#f7bdf8
```
#f7bdf8 rgb(247,189,248)
```
#f8bdf4
```
#f8bdf4 rgb(248,189,244)
```
#f8bdef
```
#f8bdef rgb(248,189,239)
```
#f8bdea
```
#f8bdea rgb(248,189,234)
```
#f8bde5
```
#f8bde5 rgb(248,189,229)
```

Similar Colors

Text with hexadecimal color #f8bdf4

This text has a font color of #f8bdf4.

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

#f8bdf4 background color

This paragraph has a background color of #f8bdf4.

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

#f8bdf4 border color

This element has a border color of #f8bdf4.

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

CSS codes

.text {color:#f8bdf4;}

.background {background-color:#f8bdf4;}

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

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

#050105
```
#050105 rgb(5,1,5)
```
#170215
```
#170215 rgb(23,2,21)
```
#280426
```
#280426 rgb(40,4,38)
```
#3a0637
```
#3a0637 rgb(58,6,55)
```
#4c0847
```
#4c0847 rgb(76,8,71)
```
#5e0a58
```
#5e0a58 rgb(94,10,88)
```
#6f0c69
```
#6f0c69 rgb(111,12,105)
```
#810e79
```
#810e79 rgb(129,14,121)
```
#93108a
```
#93108a rgb(147,16,138)
```
#a5119b
```
#a5119b rgb(165,17,155)
```
#b613ab
```
#b613ab rgb(182,19,171)
```
#c815bc
```
#c815bc rgb(200,21,188)
```
#da17cd
```
#da17cd rgb(218,23,205)
```

Shade Color Variation

#e71dd9
```
#e71dd9 rgb(231,29,217)
```
#e92fdc
```
#e92fdc rgb(233,47,220)
```
#eb41df
```
#eb41df rgb(235,65,223)
```
#ed53e2
```
#ed53e2 rgb(237,83,226)
```
#ef64e5
```
#ef64e5 rgb(239,100,229)
```
#f076e8
```
#f076e8 rgb(240,118,232)
```
#f288eb
```
#f288eb rgb(242,136,235)
```
#f49aee
```
#f49aee rgb(244,154,238)
```
#f6abf1
```
#f6abf1 rgb(246,171,241)
```
#f8bdf4
```
#f8bdf4 rgb(248,189,244)
```
#facff7
```
#facff7 rgb(250,207,247)
```
#fce0fa
```
#fce0fa rgb(252,224,250)
```
#fef2fd
```
#fef2fd rgb(254,242,253)
```

Tint Color Variation

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

#dcd9dc
```
#dcd9dc rgb(220,217,220)
```
#dfd6de
```
#dfd6de rgb(223,214,222)
```
#e2d3e1
```
#e2d3e1 rgb(226,211,225)
```
#e4d1e3
```
#e4d1e3 rgb(228,209,227)
```
#e7cee5
```
#e7cee5 rgb(231,206,229)
```
#eacbe8
```
#eacbe8 rgb(234,203,232)
```
#edc8ea
```
#edc8ea rgb(237,200,234)
```
#f0c5ed
```
#f0c5ed rgb(240,197,237)
```
#f2c3ef
```
#f2c3ef rgb(242,195,239)
```
#f5c0f2
```
#f5c0f2 rgb(245,192,242)
```
#f8bdf4
```
#f8bdf4 rgb(248,189,244)
```
#fbbaf6
```
#fbbaf6 rgb(251,186,246)
```
#feb7f9
```
#feb7f9 rgb(254,183,249)
```

Tone Color Variation

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

#d5d5d5 Achromatopsia 0.005% of the population
#dcd0db Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6d0fe Protanopia 1% of men
#d6cdf0 Deuteranopia 1% of men
#f3c6d4 Tritanopia 0.001% of the population

Trichromacy

#d8c9fa Protanomaly 1% of men, 0.01% of women
#e2c7f1 Deuteranomaly 6% of men, 0.4% of women
#f4c3df Tritanomaly 0.01% of the population

#f8bdf4 hex color

#f8bdf4 Color Information

#f8bdf4 Color Conversion

Color Schemes with #f8bdf4

Alternatives to #f8bdf4

#f8bdf4 Preview

Shades and Tints of #f8bdf4

Tones of #f8bdf4

Color Blindness Simulator