#f5bdc4 hex color

In a RGB color space, hex #f5bdc4 is composed of 96.1% red, 74.1% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.9% magenta, 20% yellow and 3.9% black. It has a hue angle of 352.5 degrees, a saturation of 73.7% and a lightness of 85.1%. #f5bdc4 color hex could be obtained by blending #ffffff with #eb7b89. Closest websafe color is: #ffcccc.

♥
- f
- t
- g
- R 96
- G 74
- B 77
RGB color chart
- C 0
- M 23
- Y 20
- K 4
CMYK color chart

● #f5bdc4 color description : Very soft red.

The hexadecimal color #f5bdc4 has RGB values of R:245, G:189, B:196 and CMYK values of C:0, M:0.23, Y:0.2, K:0.04. Its decimal value is 16104900.

Hex triplet	f5bdc4	`#f5bdc4`
RGB Decimal	245, 189, 196	`rgb(245,189,196)`
RGB Percent	96.1, 74.1, 76.9	`rgb(96.1%,74.1%,76.9%)`
CMYK	0, 23, 20, 4
HSL	352.5°, 73.7, 85.1	`hsl(352.5,73.7%,85.1%)`
HSV (or HSB)	352.5°, 22.9, 96.1
Web Safe	ffcccc	`#ffcccc`

CIE-LAB	81.727, 21.117, 4.257
XYZ	65.817, 59.795, 60.296
xyY	0.354, 0.322, 59.795
CIE-LCH	81.727, 21.542, 11.396
CIE-LUV	81.727, 34.383, 2.371
Hunter-Lab	77.327, 16.606, 7.898
Binary	11110101, 10111101, 11000100

#f5bdc4
```
#f5bdc4 rgb(245,189,196)
```
#bdf5ee
```
#bdf5ee rgb(189,245,238)
```

Complementary Color

#f5bde0
```
#f5bde0 rgb(245,189,224)
```
#f5bdc4
```
#f5bdc4 rgb(245,189,196)
```
#f5d2bd
```
#f5d2bd rgb(245,210,189)
```

Analogous Color

#bde0f5
```
#bde0f5 rgb(189,224,245)
```
#f5bdc4
```
#f5bdc4 rgb(245,189,196)
```
#bdf5d2
```
#bdf5d2 rgb(189,245,210)
```

Split Complementary Color

#bdc4f5
```
#bdc4f5 rgb(189,196,245)
```
#f5bdc4
```
#f5bdc4 rgb(245,189,196)
```
#c4f5bd
```
#c4f5bd rgb(196,245,189)
```

Triadic Color

#eebdf5
```
#eebdf5 rgb(238,189,245)
```
#f5bdc4
```
#f5bdc4 rgb(245,189,196)
```
#c4f5bd
```
#c4f5bd rgb(196,245,189)
```
#bdf5ee
```
#bdf5ee rgb(189,245,238)
```

Tetradic Color

#eb7b89
```
#eb7b89 rgb(235,123,137)
```
#ee919c
```
#ee919c rgb(238,145,156)
```
#f2a7b0
```
#f2a7b0 rgb(242,167,176)
```
#f5bdc4
```
#f5bdc4 rgb(245,189,196)
```
#f8d3d8
```
#f8d3d8 rgb(248,211,216)
```
#fce9ec
```
#fce9ec rgb(252,233,236)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#f5bdd2
```
#f5bdd2 rgb(245,189,210)
```
#f5bdcd
```
#f5bdcd rgb(245,189,205)
```
#f5bdc9
```
#f5bdc9 rgb(245,189,201)
```
#f5bdc4
```
#f5bdc4 rgb(245,189,196)
```
#f5bdbf
```
#f5bdbf rgb(245,189,191)
```
#f5bfbd
```
#f5bfbd rgb(245,191,189)
```
#f5c4bd
```
#f5c4bd rgb(245,196,189)
```

Similar Colors

Text with hexadecimal color #f5bdc4

This text has a font color of #f5bdc4.

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

#f5bdc4 background color

This paragraph has a background color of #f5bdc4.

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

#f5bdc4 border color

This element has a border color of #f5bdc4.

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

CSS codes

.text {color:#f5bdc4;}

.background {background-color:#f5bdc4;}

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

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

#020001
```
#020001 rgb(2,0,1)
```
#130305
```
#130305 rgb(19,3,5)
```
#240509
```
#240509 rgb(36,5,9)
```
#35080e
```
#35080e rgb(53,8,14)
```
#460b12
```
#460b12 rgb(70,11,18)
```
#570d16
```
#570d16 rgb(87,13,22)
```
#68101b
```
#68101b rgb(104,16,27)
```
#79121f
```
#79121f rgb(121,18,31)
```
#8a1524
```
#8a1524 rgb(138,21,36)
```
#9b1828
```
#9b1828 rgb(155,24,40)
```
#ac1a2c
```
#ac1a2c rgb(172,26,44)
```
#be1d31
```
#be1d31 rgb(190,29,49)
```
#cf1f35
```
#cf1f35 rgb(207,31,53)
```

Shade Color Variation

#de243b
```
#de243b rgb(222,36,59)
```
#e0354a
```
#e0354a rgb(224,53,74)
```
#e34659
```
#e34659 rgb(227,70,89)
```
#e65769
```
#e65769 rgb(230,87,105)
```
#e86878
```
#e86878 rgb(232,104,120)
```
#eb7987
```
#eb7987 rgb(235,121,135)
```
#ed8a96
```
#ed8a96 rgb(237,138,150)
```
#f09ba6
```
#f09ba6 rgb(240,155,166)
```
#f2acb5
```
#f2acb5 rgb(242,172,181)
```
#f5bdc4
```
#f5bdc4 rgb(245,189,196)
```
#f8ced3
```
#f8ced3 rgb(248,206,211)
```
#fadfe2
```
#fadfe2 rgb(250,223,226)
```
#fdf0f2
```
#fdf0f2 rgb(253,240,242)
```

Tint Color Variation

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

#dbd7d8
```
#dbd7d8 rgb(219,215,216)
```
#ded4d6
```
#ded4d6 rgb(222,212,214)
```
#e1d1d3
```
#e1d1d3 rgb(225,209,211)
```
#e3cfd1
```
#e3cfd1 rgb(227,207,209)
```
#e6cccf
```
#e6cccf rgb(230,204,207)
```
#e9c9cd
```
#e9c9cd rgb(233,201,205)
```
#ecc6cb
```
#ecc6cb rgb(236,198,203)
```
#efc3c8
```
#efc3c8 rgb(239,195,200)
```
#f2c0c6
```
#f2c0c6 rgb(242,192,198)
```
#f5bdc4
```
#f5bdc4 rgb(245,189,196)
```
#f8bac2
```
#f8bac2 rgb(248,186,194)
```
#fbb7c0
```
#fbb7c0 rgb(251,183,192)
```
#feb4bd
```
#feb4bd rgb(254,180,189)
```

Tone Color Variation

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

#d1cccd Protanopia 1% of men
#e4c7c5 Deuteranopia 1% of men
#f6bfcc Tritanopia 0.001% of the population

Trichromacy

#dec7ca Protanomaly 1% of men, 0.01% of women
#eac3c4 Deuteranomaly 6% of men, 0.4% of women
#f5bec9 Tritanomaly 0.01% of the population

#f5bdc4 hex color

#f5bdc4 Color Information

#f5bdc4 Color Conversion

Color Schemes with #f5bdc4

Alternatives to #f5bdc4

#f5bdc4 Preview

Shades and Tints of #f5bdc4

Tones of #f5bdc4

Color Blindness Simulator