#f4b2dc hex color

In a RGB color space, hex #f4b2dc is composed of 95.7% red, 69.8% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27% magenta, 9.8% yellow and 4.3% black. It has a hue angle of 321.8 degrees, a saturation of 75% and a lightness of 82.7%. #f4b2dc color hex could be obtained by blending #ffffff with #e965b9. Closest websafe color is: #ff99cc.

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

● #f4b2dc color description : Very soft pink.

The hexadecimal color #f4b2dc has RGB values of R:244, G:178, B:220 and CMYK values of C:0, M:0.27, Y:0.1, K:0.04. Its decimal value is 16036572.

Hex triplet	f4b2dc	`#f4b2dc`
RGB Decimal	244, 178, 220	`rgb(244,178,220)`
RGB Percent	95.7, 69.8, 86.3	`rgb(95.7%,69.8%,86.3%)`
CMYK	0, 27, 10, 4
HSL	321.8°, 75, 82.7	`hsl(321.8,75%,82.7%)`
HSV (or HSB)	321.8°, 27, 95.7
Web Safe	ff99cc	`#ff99cc`

CIE-LAB	79.752, 30.364, -11.601
XYZ	66.146, 56.243, 75.078
xyY	0.335, 0.285, 56.243
CIE-LCH	79.752, 32.505, 339.09
CIE-LUV	79.752, 36.563, -23.188
Hunter-Lab	74.996, 26.193, -6.858
Binary	11110100, 10110010, 11011100

#f4b2dc
```
#f4b2dc rgb(244,178,220)
```
#b2f4ca
```
#b2f4ca rgb(178,244,202)
```

Complementary Color

#ebb2f4
```
#ebb2f4 rgb(235,178,244)
```
#f4b2dc
```
#f4b2dc rgb(244,178,220)
```
#f4b2bb
```
#f4b2bb rgb(244,178,187)
```

Analogous Color

#b2f4eb
```
#b2f4eb rgb(178,244,235)
```
#f4b2dc
```
#f4b2dc rgb(244,178,220)
```
#bbf4b2
```
#bbf4b2 rgb(187,244,178)
```

Split Complementary Color

#b2dcf4
```
#b2dcf4 rgb(178,220,244)
```
#f4b2dc
```
#f4b2dc rgb(244,178,220)
```
#dcf4b2
```
#dcf4b2 rgb(220,244,178)
```

Triadic Color

#cab2f4
```
#cab2f4 rgb(202,178,244)
```
#f4b2dc
```
#f4b2dc rgb(244,178,220)
```
#dcf4b2
```
#dcf4b2 rgb(220,244,178)
```
#b2f4ca
```
#b2f4ca rgb(178,244,202)
```

Tetradic Color

#ea6fbe
```
#ea6fbe rgb(234,111,190)
```
#ee85c8
```
#ee85c8 rgb(238,133,200)
```
#f19cd2
```
#f19cd2 rgb(241,156,210)
```
#f4b2dc
```
#f4b2dc rgb(244,178,220)
```
#f7c8e6
```
#f7c8e6 rgb(247,200,230)
```
#fadff0
```
#fadff0 rgb(250,223,240)
```
#fef5fa
```
#fef5fa rgb(254,245,250)
```

Monochromatic Color

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

#f4b2ed
```
#f4b2ed rgb(244,178,237)
```
#f4b2e7
```
#f4b2e7 rgb(244,178,231)
```
#f4b2e2
```
#f4b2e2 rgb(244,178,226)
```
#f4b2dc
```
#f4b2dc rgb(244,178,220)
```
#f4b2d7
```
#f4b2d7 rgb(244,178,215)
```
#f4b2d1
```
#f4b2d1 rgb(244,178,209)
```
#f4b2cc
```
#f4b2cc rgb(244,178,204)
```

Similar Colors

Text with hexadecimal color #f4b2dc

This text has a font color of #f4b2dc.

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

#f4b2dc background color

This paragraph has a background color of #f4b2dc.

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

#f4b2dc border color

This element has a border color of #f4b2dc.

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

CSS codes

.text {color:#f4b2dc;}

.background {background-color:#f4b2dc;}

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

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

#090106
```
#090106 rgb(9,1,6)
```
#1a0412
```
#1a0412 rgb(26,4,18)
```
#2b061e
```
#2b061e rgb(43,6,30)
```
#3c092a
```
#3c092a rgb(60,9,42)
```
#4d0b35
```
#4d0b35 rgb(77,11,53)
```
#5f0e41
```
#5f0e41 rgb(95,14,65)
```
#70104d
```
#70104d rgb(112,16,77)
```
#811259
```
#811259 rgb(129,18,89)
```
#921565
```
#921565 rgb(146,21,101)
```
#a31770
```
#a31770 rgb(163,23,112)
```
#b41a7c
```
#b41a7c rgb(180,26,124)
```
#c61c88
```
#c61c88 rgb(198,28,136)
```
#d71f94
```
#d71f94 rgb(215,31,148)
```

Shade Color Variation

#e0299e
```
#e0299e rgb(224,41,158)
```
#e33aa5
```
#e33aa5 rgb(227,58,165)
```
#e54bad
```
#e54bad rgb(229,75,173)
```
#e85cb5
```
#e85cb5 rgb(232,92,181)
```
#ea6dbd
```
#ea6dbd rgb(234,109,189)
```
#ed7fc5
```
#ed7fc5 rgb(237,127,197)
```
#ef90cc
```
#ef90cc rgb(239,144,204)
```
#f2a1d4
```
#f2a1d4 rgb(242,161,212)
```
#f4b2dc
```
#f4b2dc rgb(244,178,220)
```
#f6c3e4
```
#f6c3e4 rgb(246,195,228)
```
#f9d4ec
```
#f9d4ec rgb(249,212,236)
```
#fbe5f3
```
#fbe5f3 rgb(251,229,243)
```
#fef7fb
```
#fef7fb rgb(254,247,251)
```

Tint Color Variation

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

#d6d0d4
```
#d6d0d4 rgb(214,208,212)
```
#d9cdd5
```
#d9cdd5 rgb(217,205,213)
```
#dccad6
```
#dccad6 rgb(220,202,214)
```
#e0c6d6
```
#e0c6d6 rgb(224,198,214)
```
#e3c3d7
```
#e3c3d7 rgb(227,195,215)
```
#e6c0d8
```
#e6c0d8 rgb(230,192,216)
```
#eabcd9
```
#eabcd9 rgb(234,188,217)
```
#edb9da
```
#edb9da rgb(237,185,218)
```
#f1b5db
```
#f1b5db rgb(241,181,219)
```
#f4b2dc
```
#f4b2dc rgb(244,178,220)
```
#f7afdd
```
#f7afdd rgb(247,175,221)
```
#fbabde
```
#fbabde rgb(251,171,222)
```
#fea8df
```
#fea8df rgb(254,168,223)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#d3c6ce Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1c7e7 Protanopia 1% of men
#d3c3d9 Deuteranopia 1% of men
#f1bac7 Tritanopia 0.001% of the population

Trichromacy

#d4bfe3 Protanomaly 1% of men, 0.01% of women
#dfbdda Deuteranomaly 6% of men, 0.4% of women
#f2b7ce Tritanomaly 0.01% of the population

#f4b2dc hex color

#f4b2dc Color Information

#f4b2dc Color Conversion

Color Schemes with #f4b2dc

Alternatives to #f4b2dc

#f4b2dc Preview

Shades and Tints of #f4b2dc

Tones of #f4b2dc

Color Blindness Simulator