#f2afcc hex color

In a RGB color space, hex #f2afcc is composed of 94.9% red, 68.6% green and 80% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.7% magenta, 15.7% yellow and 5.1% black. It has a hue angle of 334 degrees, a saturation of 72% and a lightness of 81.8%. #f2afcc color hex could be obtained by blending #ffffff with #e55f99. Closest websafe color is: #ff99cc.

♥
- f
- t
- g
- R 95
- G 69
- B 80
RGB color chart
- C 0
- M 28
- Y 16
- K 5
CMYK color chart

● #f2afcc color description : Very soft pink.

The hexadecimal color #f2afcc has RGB values of R:242, G:175, B:204 and CMYK values of C:0, M:0.28, Y:0.16, K:0.05. Its decimal value is 15904716.

Hex triplet	f2afcc	`#f2afcc`
RGB Decimal	242, 175, 204	`rgb(242,175,204)`
RGB Percent	94.9, 68.6, 80	`rgb(94.9%,68.6%,80%)`
CMYK	0, 28, 16, 5
HSL	334°, 72, 81.8	`hsl(334,72%,81.8%)`
HSV (or HSB)	334°, 27.7, 94.9
Web Safe	ff99cc	`#ff99cc`

CIE-LAB	78.403, 28.686, -4.959
XYZ	62.846, 53.899, 64.217
xyY	0.347, 0.298, 53.899
CIE-LCH	78.403, 29.112, 350.191
CIE-LUV	78.403, 39.167, -12.654
Hunter-Lab	73.416, 24.323, -0.469
Binary	11110010, 10101111, 11001100

#f2afcc
```
#f2afcc rgb(242,175,204)
```
#aff2d5
```
#aff2d5 rgb(175,242,213)
```

Complementary Color

#f2afee
```
#f2afee rgb(242,175,238)
```
#f2afcc
```
#f2afcc rgb(242,175,204)
```
#f2b4af
```
#f2b4af rgb(242,180,175)
```

Analogous Color

#afeef2
```
#afeef2 rgb(175,238,242)
```
#f2afcc
```
#f2afcc rgb(242,175,204)
```
#aff2b4
```
#aff2b4 rgb(175,242,180)
```

Split Complementary Color

#afccf2
```
#afccf2 rgb(175,204,242)
```
#f2afcc
```
#f2afcc rgb(242,175,204)
```
#ccf2af
```
#ccf2af rgb(204,242,175)
```

Triadic Color

#d5aff2
```
#d5aff2 rgb(213,175,242)
```
#f2afcc
```
#f2afcc rgb(242,175,204)
```
#ccf2af
```
#ccf2af rgb(204,242,175)
```
#aff2d5
```
#aff2d5 rgb(175,242,213)
```

Tetradic Color

#e76da2
```
#e76da2 rgb(231,109,162)
```
#eb83b0
```
#eb83b0 rgb(235,131,176)
```
#ee99be
```
#ee99be rgb(238,153,190)
```
#f2afcc
```
#f2afcc rgb(242,175,204)
```
#f6c5da
```
#f6c5da rgb(246,197,218)
```
#f9dbe8
```
#f9dbe8 rgb(249,219,232)
```
#fdf1f6
```
#fdf1f6 rgb(253,241,246)
```

Monochromatic Color

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

#f2afdd
```
#f2afdd rgb(242,175,221)
```
#f2afd7
```
#f2afd7 rgb(242,175,215)
```
#f2afd2
```
#f2afd2 rgb(242,175,210)
```
#f2afcc
```
#f2afcc rgb(242,175,204)
```
#f2afc6
```
#f2afc6 rgb(242,175,198)
```
#f2afc1
```
#f2afc1 rgb(242,175,193)
```
#f2afbb
```
#f2afbb rgb(242,175,187)
```

Similar Colors

Text with hexadecimal color #f2afcc

This text has a font color of #f2afcc.

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

#f2afcc background color

This paragraph has a background color of #f2afcc.

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

#f2afcc border color

This element has a border color of #f2afcc.

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

CSS codes

.text {color:#f2afcc;}

.background {background-color:#f2afcc;}

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

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

#040102
```
#040102 rgb(4,1,2)
```
#15030b
```
#15030b rgb(21,3,11)
```
#260614
```
#260614 rgb(38,6,20)
```
#37091d
```
#37091d rgb(55,9,29)
```
#480c26
```
#480c26 rgb(72,12,38)
```
#590e2f
```
#590e2f rgb(89,14,47)
```
#6a1137
```
#6a1137 rgb(106,17,55)
```
#7a1440
```
#7a1440 rgb(122,20,64)
```
#8b1749
```
#8b1749 rgb(139,23,73)
```
#9c1952
```
#9c1952 rgb(156,25,82)
```
#ad1c5b
```
#ad1c5b rgb(173,28,91)
```
#be1f64
```
#be1f64 rgb(190,31,100)
```
#cf226d
```
#cf226d rgb(207,34,109)
```

Shade Color Variation

#dc2876
```
#dc2876 rgb(220,40,118)
```
#df3981
```
#df3981 rgb(223,57,129)
```
#e24a8b
```
#e24a8b rgb(226,74,139)
```
#e45b96
```
#e45b96 rgb(228,91,150)
```
#e76ca1
```
#e76ca1 rgb(231,108,161)
```
#ea7cac
```
#ea7cac rgb(234,124,172)
```
#ed8db6
```
#ed8db6 rgb(237,141,182)
```
#ef9ec1
```
#ef9ec1 rgb(239,158,193)
```
#f2afcc
```
#f2afcc rgb(242,175,204)
```
#f5c0d7
```
#f5c0d7 rgb(245,192,215)
```
#f7d1e2
```
#f7d1e2 rgb(247,209,226)
```
#fae2ec
```
#fae2ec rgb(250,226,236)
```
#fdf2f7
```
#fdf2f7 rgb(253,242,247)
```

Tint Color Variation

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

#d2cfd0
```
#d2cfd0 rgb(210,207,208)
```
#d5ccd0
```
#d5ccd0 rgb(213,204,208)
```
#d9c8cf
```
#d9c8cf rgb(217,200,207)
```
#ddc4cf
```
#ddc4cf rgb(221,196,207)
```
#e0c1ce
```
#e0c1ce rgb(224,193,206)
```
#e4bdce
```
#e4bdce rgb(228,189,206)
```
#e7bacd
```
#e7bacd rgb(231,186,205)
```
#ebb6cd
```
#ebb6cd rgb(235,182,205)
```
#eeb3cc
```
#eeb3cc rgb(238,179,204)
```
#f2afcc
```
#f2afcc rgb(242,175,204)
```
#f6abcc
```
#f6abcc rgb(246,171,204)
```
#f9a8cb
```
#f9a8cb rgb(249,168,203)
```
#fda4cb
```
#fda4cb rgb(253,164,203)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#cfc1c7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2c3d7 Protanopia 1% of men
#d4bfcb Deuteranopia 1% of men
#f0b5c2 Tritanopia 0.001% of the population

Trichromacy

#d3bcd3 Protanomaly 1% of men, 0.01% of women
#dfb9cb Deuteranomaly 6% of men, 0.4% of women
#f1b3c5 Tritanomaly 0.01% of the population

#f2afcc hex color

#f2afcc Color Information

#f2afcc Color Conversion

Color Schemes with #f2afcc

Alternatives to #f2afcc

#f2afcc Preview

Shades and Tints of #f2afcc

Tones of #f2afcc

Color Blindness Simulator