#f8bdc4 hex color

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

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

● #f8bdc4 color description : Very soft red.

The hexadecimal color #f8bdc4 has RGB values of R:248, G:189, B:196 and CMYK values of C:0, M:0.24, Y:0.21, K:0.03. Its decimal value is 16301508.

Hex triplet	f8bdc4	`#f8bdc4`
RGB Decimal	248, 189, 196	`rgb(248,189,196)`
RGB Percent	97.3, 74.1, 76.9	`rgb(97.3%,74.1%,76.9%)`
CMYK	0, 24, 21, 3
HSL	352.9°, 80.8, 85.7	`hsl(352.9,80.8%,85.7%)`
HSV (or HSB)	352.9°, 23.8, 97.3
Web Safe	ffcccc	`#ffcccc`

CIE-LAB	82.022, 22.195, 4.721
XYZ	66.872, 60.339, 60.346
xyY	0.357, 0.322, 60.339
CIE-LCH	82.022, 22.691, 12.009
CIE-LUV	82.022, 36.417, 2.833
Hunter-Lab	77.679, 17.73, 8.315
Binary	11111000, 10111101, 11000100

#f8bdc4
```
#f8bdc4 rgb(248,189,196)
```
#bdf8f1
```
#bdf8f1 rgb(189,248,241)
```

Complementary Color

#f8bde2
```
#f8bde2 rgb(248,189,226)
```
#f8bdc4
```
#f8bdc4 rgb(248,189,196)
```
#f8d4bd
```
#f8d4bd rgb(248,212,189)
```

Analogous Color

#bde2f8
```
#bde2f8 rgb(189,226,248)
```
#f8bdc4
```
#f8bdc4 rgb(248,189,196)
```
#bdf8d4
```
#bdf8d4 rgb(189,248,212)
```

Split Complementary Color

#bdc4f8
```
#bdc4f8 rgb(189,196,248)
```
#f8bdc4
```
#f8bdc4 rgb(248,189,196)
```
#c4f8bd
```
#c4f8bd rgb(196,248,189)
```

Triadic Color

#f1bdf8
```
#f1bdf8 rgb(241,189,248)
```
#f8bdc4
```
#f8bdc4 rgb(248,189,196)
```
#c4f8bd
```
#c4f8bd rgb(196,248,189)
```
#bdf8f1
```
#bdf8f1 rgb(189,248,241)
```

Tetradic Color

#f17886
```
#f17886 rgb(241,120,134)
```
#f38f9b
```
#f38f9b rgb(243,143,155)
```
#f6a6af
```
#f6a6af rgb(246,166,175)
```
#f8bdc4
```
#f8bdc4 rgb(248,189,196)
```
#fad4d9
```
#fad4d9 rgb(250,212,217)
```
#fdebed
```
#fdebed rgb(253,235,237)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#f8bdd3
```
#f8bdd3 rgb(248,189,211)
```
#f8bdce
```
#f8bdce rgb(248,189,206)
```
#f8bdc9
```
#f8bdc9 rgb(248,189,201)
```
#f8bdc4
```
#f8bdc4 rgb(248,189,196)
```
#f8bdbf
```
#f8bdbf rgb(248,189,191)
```
#f8c0bd
```
#f8c0bd rgb(248,192,189)
```
#f8c5bd
```
#f8c5bd rgb(248,197,189)
```

Similar Colors

Text with hexadecimal color #f8bdc4

This text has a font color of #f8bdc4.

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

#f8bdc4 background color

This paragraph has a background color of #f8bdc4.

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

#f8bdc4 border color

This element has a border color of #f8bdc4.

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

CSS codes

.text {color:#f8bdc4;}

.background {background-color:#f8bdc4;}

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

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

#050101
```
#050101 rgb(5,1,1)
```
#170205
```
#170205 rgb(23,2,5)
```
#280409
```
#280409 rgb(40,4,9)
```
#3a060c
```
#3a060c rgb(58,6,12)
```
#4c0810
```
#4c0810 rgb(76,8,16)
```
#5e0a14
```
#5e0a14 rgb(94,10,20)
```
#6f0c18
```
#6f0c18 rgb(111,12,24)
```
#810e1b
```
#810e1b rgb(129,14,27)
```
#93101f
```
#93101f rgb(147,16,31)
```
#a51123
```
#a51123 rgb(165,17,35)
```
#b61327
```
#b61327 rgb(182,19,39)
```
#c8152a
```
#c8152a rgb(200,21,42)
```
#da172e
```
#da172e rgb(218,23,46)
```

Shade Color Variation

#e71d35
```
#e71d35 rgb(231,29,53)
```
#e92f45
```
#e92f45 rgb(233,47,69)
```
#eb4155
```
#eb4155 rgb(235,65,85)
```
#ed5365
```
#ed5365 rgb(237,83,101)
```
#ef6475
```
#ef6475 rgb(239,100,117)
```
#f07685
```
#f07685 rgb(240,118,133)
```
#f28894
```
#f28894 rgb(242,136,148)
```
#f49aa4
```
#f49aa4 rgb(244,154,164)
```
#f6abb4
```
#f6abb4 rgb(246,171,180)
```
#f8bdc4
```
#f8bdc4 rgb(248,189,196)
```
#facfd4
```
#facfd4 rgb(250,207,212)
```
#fce0e4
```
#fce0e4 rgb(252,224,228)
```
#fef2f4
```
#fef2f4 rgb(254,242,244)
```

Tint Color Variation

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

#dcd9d9
```
#dcd9d9 rgb(220,217,217)
```
#dfd6d7
```
#dfd6d7 rgb(223,214,215)
```
#e2d3d5
```
#e2d3d5 rgb(226,211,213)
```
#e4d1d3
```
#e4d1d3 rgb(228,209,211)
```
#e7ced1
```
#e7ced1 rgb(231,206,209)
```
#eacbcf
```
#eacbcf rgb(234,203,207)
```
#edc8cd
```
#edc8cd rgb(237,200,205)
```
#f0c5ca
```
#f0c5ca rgb(240,197,202)
```
#f2c3c8
```
#f2c3c8 rgb(242,195,200)
```
#f5c0c6
```
#f5c0c6 rgb(245,192,198)
```
#f8bdc4
```
#f8bdc4 rgb(248,189,196)
```
#fbbac2
```
#fbbac2 rgb(251,186,194)
```
#feb7c0
```
#feb7c0 rgb(254,183,192)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#d7cbcd Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2cdcd Protanopia 1% of men
#e5c8c4 Deuteranopia 1% of men
#f9bfcc Tritanopia 0.001% of the population

Trichromacy

#dfc7ca Protanomaly 1% of men, 0.01% of women
#ecc4c4 Deuteranomaly 6% of men, 0.4% of women
#f8bec9 Tritanomaly 0.01% of the population

#f8bdc4 hex color

#f8bdc4 Color Information

#f8bdc4 Color Conversion

Color Schemes with #f8bdc4

Alternatives to #f8bdc4

#f8bdc4 Preview

Shades and Tints of #f8bdc4

Tones of #f8bdc4

Color Blindness Simulator