#f7bdcc hex color

In a RGB color space, hex #f7bdcc is composed of 96.9% red, 74.1% green and 80% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.5% magenta, 17.4% yellow and 3.1% black. It has a hue angle of 344.5 degrees, a saturation of 78.4% and a lightness of 85.5%. #f7bdcc color hex could be obtained by blending #ffffff with #ef7b99. Closest websafe color is: #ffcccc.

♥
- f
- t
- g
- R 97
- G 74
- B 80
RGB color chart
- C 0
- M 23
- Y 17
- K 3
CMYK color chart

● #f7bdcc color description : Very soft pink.

The hexadecimal color #f7bdcc has RGB values of R:247, G:189, B:204 and CMYK values of C:0, M:0.23, Y:0.17, K:0.03. Its decimal value is 16235980.

Hex triplet	f7bdcc	`#f7bdcc`
RGB Decimal	247, 189, 204	`rgb(247,189,204)`
RGB Percent	96.9, 74.1, 80	`rgb(96.9%,74.1%,80%)`
CMYK	0, 23, 17, 3
HSL	344.5°, 78.4, 85.5	`hsl(344.5,78.4%,85.5%)`
HSV (or HSB)	344.5°, 23.5, 96.9
Web Safe	ffcccc	`#ffcccc`

CIE-LAB	82.126, 23.033, 0.562
XYZ	67.453, 60.531, 65.254
xyY	0.349, 0.313, 60.531
CIE-LCH	82.126, 23.04, 1.397
CIE-LUV	82.126, 34.738, -3.398
Hunter-Lab	77.802, 18.605, 4.733
Binary	11110111, 10111101, 11001100

#f7bdcc
```
#f7bdcc rgb(247,189,204)
```
#bdf7e8
```
#bdf7e8 rgb(189,247,232)
```

Complementary Color

#f7bde9
```
#f7bde9 rgb(247,189,233)
```
#f7bdcc
```
#f7bdcc rgb(247,189,204)
```
#f7cbbd
```
#f7cbbd rgb(247,203,189)
```

Analogous Color

#bde9f7
```
#bde9f7 rgb(189,233,247)
```
#f7bdcc
```
#f7bdcc rgb(247,189,204)
```
#bdf7cb
```
#bdf7cb rgb(189,247,203)
```

Split Complementary Color

#bdccf7
```
#bdccf7 rgb(189,204,247)
```
#f7bdcc
```
#f7bdcc rgb(247,189,204)
```
#ccf7bd
```
#ccf7bd rgb(204,247,189)
```

Triadic Color

#e8bdf7
```
#e8bdf7 rgb(232,189,247)
```
#f7bdcc
```
#f7bdcc rgb(247,189,204)
```
#ccf7bd
```
#ccf7bd rgb(204,247,189)
```
#bdf7e8
```
#bdf7e8 rgb(189,247,232)
```

Tetradic Color

#ef7997
```
#ef7997 rgb(239,121,151)
```
#f190a9
```
#f190a9 rgb(241,144,169)
```
#f4a6ba
```
#f4a6ba rgb(244,166,186)
```
#f7bdcc
```
#f7bdcc rgb(247,189,204)
```
#fad4de
```
#fad4de rgb(250,212,222)
```
#fdeaef
```
#fdeaef rgb(253,234,239)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#f7bddb
```
#f7bddb rgb(247,189,219)
```
#f7bdd6
```
#f7bdd6 rgb(247,189,214)
```
#f7bdd1
```
#f7bdd1 rgb(247,189,209)
```
#f7bdcc
```
#f7bdcc rgb(247,189,204)
```
#f7bdc7
```
#f7bdc7 rgb(247,189,199)
```
#f7bdc2
```
#f7bdc2 rgb(247,189,194)
```
#f7bdbe
```
#f7bdbe rgb(247,189,190)
```

Similar Colors

Text with hexadecimal color #f7bdcc

This text has a font color of #f7bdcc.

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

#f7bdcc background color

This paragraph has a background color of #f7bdcc.

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

#f7bdcc border color

This element has a border color of #f7bdcc.

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

CSS codes

.text {color:#f7bdcc;}

.background {background-color:#f7bdcc;}

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

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

#040001
```
#040001 rgb(4,0,1)
```
#150307
```
#150307 rgb(21,3,7)
```
#27050e
```
#27050e rgb(39,5,14)
```
#380714
```
#380714 rgb(56,7,20)
```
#4a091a
```
#4a091a rgb(74,9,26)
```
#5b0b20
```
#5b0b20 rgb(91,11,32)
```
#6d0d26
```
#6d0d26 rgb(109,13,38)
```
#7e0f2c
```
#7e0f2c rgb(126,15,44)
```
#901132
```
#901132 rgb(144,17,50)
```
#a11438
```
#a11438 rgb(161,20,56)
```
#b3163e
```
#b3163e rgb(179,22,62)
```
#c41844
```
#c41844 rgb(196,24,68)
```
#d61a4b
```
#d61a4b rgb(214,26,75)
```

Shade Color Variation

#e42052
```
#e42052 rgb(228,32,82)
```
#e63160
```
#e63160 rgb(230,49,96)
```
#e8436d
```
#e8436d rgb(232,67,109)
```
#ea547b
```
#ea547b rgb(234,84,123)
```
#ec6688
```
#ec6688 rgb(236,102,136)
```
#ef7796
```
#ef7796 rgb(239,119,150)
```
#f189a3
```
#f189a3 rgb(241,137,163)
```
#f39ab1
```
#f39ab1 rgb(243,154,177)
```
#f5acbe
```
#f5acbe rgb(245,172,190)
```
#f7bdcc
```
#f7bdcc rgb(247,189,204)
```
#f9ceda
```
#f9ceda rgb(249,206,218)
```
#fbe0e7
```
#fbe0e7 rgb(251,224,231)
```
#fdf1f5
```
#fdf1f5 rgb(253,241,245)
```

Tint Color Variation

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

#dbd9da
```
#dbd9da rgb(219,217,218)
```
#ddd7d8
```
#ddd7d8 rgb(221,215,216)
```
#e0d4d7
```
#e0d4d7 rgb(224,212,215)
```
#e3d1d6
```
#e3d1d6 rgb(227,209,214)
```
#e6ced4
```
#e6ced4 rgb(230,206,212)
```
#e9cbd3
```
#e9cbd3 rgb(233,203,211)
```
#ecc8d1
```
#ecc8d1 rgb(236,200,209)
```
#eec6d0
```
#eec6d0 rgb(238,198,208)
```
#f1c3cf
```
#f1c3cf rgb(241,195,207)
```
#f4c0cd
```
#f4c0cd rgb(244,192,205)
```
#f7bdcc
```
#f7bdcc rgb(247,189,204)
```
#fabacb
```
#fabacb rgb(250,186,203)
```
#fdb7c9
```
#fdb7c9 rgb(253,183,201)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#d8cccf Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0cdd5 Protanopia 1% of men
#e2c8cc Deuteranopia 1% of men
#f7c0cd Tritanopia 0.001% of the population

Trichromacy

#dec7d2 Protanomaly 1% of men, 0.01% of women
#eac4cc Deuteranomaly 6% of men, 0.4% of women
#f7bfcd Tritanomaly 0.01% of the population

#f7bdcc hex color

#f7bdcc Color Information

#f7bdcc Color Conversion

Color Schemes with #f7bdcc

Alternatives to #f7bdcc

#f7bdcc Preview

Shades and Tints of #f7bdcc

Tones of #f7bdcc

Color Blindness Simulator