#f2afd3 hex color

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

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

● #f2afd3 color description : Very soft pink.

The hexadecimal color #f2afd3 has RGB values of R:242, G:175, B:211 and CMYK values of C:0, M:0.28, Y:0.13, K:0.05. Its decimal value is 15904723.

Hex triplet	f2afd3	`#f2afd3`
RGB Decimal	242, 175, 211	`rgb(242,175,211)`
RGB Percent	94.9, 68.6, 82.7	`rgb(94.9%,68.6%,82.7%)`
CMYK	0, 28, 13, 5
HSL	327.8°, 72, 81.8	`hsl(327.8,72%,81.8%)`
HSV (or HSB)	327.8°, 27.7, 94.9
Web Safe	ff99cc	`#ff99cc`

CIE-LAB	78.603, 29.799, -8.462
XYZ	63.705, 54.243, 68.739
xyY	0.341, 0.291, 54.243
CIE-LCH	78.603, 30.977, 344.146
CIE-LUV	78.603, 38.144, -18.188
Hunter-Lab	73.65, 25.51, -3.782
Binary	11110010, 10101111, 11010011

#f2afd3
```
#f2afd3 rgb(242,175,211)
```
#aff2ce
```
#aff2ce rgb(175,242,206)
```

Complementary Color

#f0aff2
```
#f0aff2 rgb(240,175,242)
```
#f2afd3
```
#f2afd3 rgb(242,175,211)
```
#f2afb2
```
#f2afb2 rgb(242,175,178)
```

Analogous Color

#aff2f0
```
#aff2f0 rgb(175,242,240)
```
#f2afd3
```
#f2afd3 rgb(242,175,211)
```
#b2f2af
```
#b2f2af rgb(178,242,175)
```

Split Complementary Color

#afd3f2
```
#afd3f2 rgb(175,211,242)
```
#f2afd3
```
#f2afd3 rgb(242,175,211)
```
#d3f2af
```
#d3f2af rgb(211,242,175)
```

Triadic Color

#ceaff2
```
#ceaff2 rgb(206,175,242)
```
#f2afd3
```
#f2afd3 rgb(242,175,211)
```
#d3f2af
```
#d3f2af rgb(211,242,175)
```
#aff2ce
```
#aff2ce rgb(175,242,206)
```

Tetradic Color

#e76daf
```
#e76daf rgb(231,109,175)
```
#eb83bb
```
#eb83bb rgb(235,131,187)
```
#ee99c7
```
#ee99c7 rgb(238,153,199)
```
#f2afd3
```
#f2afd3 rgb(242,175,211)
```
#f6c5df
```
#f6c5df rgb(246,197,223)
```
#f9dbeb
```
#f9dbeb rgb(249,219,235)
```
#fdf1f7
```
#fdf1f7 rgb(253,241,247)
```

Monochromatic Color

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

#f2afe4
```
#f2afe4 rgb(242,175,228)
```
#f2afde
```
#f2afde rgb(242,175,222)
```
#f2afd9
```
#f2afd9 rgb(242,175,217)
```
#f2afd3
```
#f2afd3 rgb(242,175,211)
```
#f2afcd
```
#f2afcd rgb(242,175,205)
```
#f2afc8
```
#f2afc8 rgb(242,175,200)
```
#f2afc2
```
#f2afc2 rgb(242,175,194)
```

Similar Colors

Text with hexadecimal color #f2afd3

This text has a font color of #f2afd3.

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

#f2afd3 background color

This paragraph has a background color of #f2afd3.

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

#f2afd3 border color

This element has a border color of #f2afd3.

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

CSS codes

.text {color:#f2afd3;}

.background {background-color:#f2afd3;}

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

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

#040103
```
#040103 rgb(4,1,3)
```
#15030d
```
#15030d rgb(21,3,13)
```
#260617
```
#260617 rgb(38,6,23)
```
#370922
```
#370922 rgb(55,9,34)
```
#480c2c
```
#480c2c rgb(72,12,44)
```
#590e36
```
#590e36 rgb(89,14,54)
```
#6a1141
```
#6a1141 rgb(106,17,65)
```
#7a144b
```
#7a144b rgb(122,20,75)
```
#8b1755
```
#8b1755 rgb(139,23,85)
```
#9c1960
```
#9c1960 rgb(156,25,96)
```
#ad1c6a
```
#ad1c6a rgb(173,28,106)
```
#be1f74
```
#be1f74 rgb(190,31,116)
```
#cf227f
```
#cf227f rgb(207,34,127)
```

Shade Color Variation

#dc2889
```
#dc2889 rgb(220,40,137)
```
#df3992
```
#df3992 rgb(223,57,146)
```
#e24a9b
```
#e24a9b rgb(226,74,155)
```
#e45ba5
```
#e45ba5 rgb(228,91,165)
```
#e76cae
```
#e76cae rgb(231,108,174)
```
#ea7cb7
```
#ea7cb7 rgb(234,124,183)
```
#ed8dc0
```
#ed8dc0 rgb(237,141,192)
```
#ef9eca
```
#ef9eca rgb(239,158,202)
```
#f2afd3
```
#f2afd3 rgb(242,175,211)
```
#f5c0dc
```
#f5c0dc rgb(245,192,220)
```
#f7d1e6
```
#f7d1e6 rgb(247,209,230)
```
#fae2ef
```
#fae2ef rgb(250,226,239)
```
#fdf2f8
```
#fdf2f8 rgb(253,242,248)
```

Tint Color Variation

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

#d2cfd1
```
#d2cfd1 rgb(210,207,209)
```
#d5ccd1
```
#d5ccd1 rgb(213,204,209)
```
#d9c8d1
```
#d9c8d1 rgb(217,200,209)
```
#ddc4d1
```
#ddc4d1 rgb(221,196,209)
```
#e0c1d2
```
#e0c1d2 rgb(224,193,210)
```
#e4bdd2
```
#e4bdd2 rgb(228,189,210)
```
#e7bad2
```
#e7bad2 rgb(231,186,210)
```
#ebb6d2
```
#ebb6d2 rgb(235,182,210)
```
#eeb3d3
```
#eeb3d3 rgb(238,179,211)
```
#f2afd3
```
#f2afd3 rgb(242,175,211)
```
#f6abd3
```
#f6abd3 rgb(246,171,211)
```
#f9a8d4
```
#f9a8d4 rgb(249,168,212)
```
#fda4d4
```
#fda4d4 rgb(253,164,212)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#d0c2c9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0c4de Protanopia 1% of men
#d2c0d1 Deuteranopia 1% of men
#f0b6c3 Tritanopia 0.001% of the population

Trichromacy

#d2bcda Protanomaly 1% of men, 0.01% of women
#ddbad1 Deuteranomaly 6% of men, 0.4% of women
#f0b3c8 Tritanomaly 0.01% of the population

#f2afd3 hex color

#f2afd3 Color Information

#f2afd3 Color Conversion

Color Schemes with #f2afd3

Alternatives to #f2afd3

#f2afd3 Preview

Shades and Tints of #f2afd3

Tones of #f2afd3

Color Blindness Simulator