#f2afaf hex color

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

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

● #f2afaf color description : Very soft red.

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

Hex triplet	f2afaf	`#f2afaf`
RGB Decimal	242, 175, 175	`rgb(242,175,175)`
RGB Percent	94.9, 68.6, 68.6	`rgb(94.9%,68.6%,68.6%)`
CMYK	0, 28, 28, 5
HSL	0°, 72, 81.8	`hsl(0,72%,81.8%)`
HSV (or HSB)	0°, 27.7, 94.9
Web Safe	ff9999	`#ff9999`

CIE-LAB	77.659, 24.465, 9.721
XYZ	59.685, 52.635, 47.571
xyY	0.373, 0.329, 52.635
CIE-LCH	77.659, 26.325, 21.67
CIE-LUV	77.659, 43.256, 9.324
Hunter-Lab	72.55, 19.886, 11.909
Binary	11110010, 10101111, 10101111

#f2afaf
```
#f2afaf rgb(242,175,175)
```
#aff2f2
```
#aff2f2 rgb(175,242,242)
```

Complementary Color

#f2afd1
```
#f2afd1 rgb(242,175,209)
```
#f2afaf
```
#f2afaf rgb(242,175,175)
```
#f2d1af
```
#f2d1af rgb(242,209,175)
```

Analogous Color

#afd1f2
```
#afd1f2 rgb(175,209,242)
```
#f2afaf
```
#f2afaf rgb(242,175,175)
```
#aff2d1
```
#aff2d1 rgb(175,242,209)
```

Split Complementary Color

#afaff2
```
#afaff2 rgb(175,175,242)
```
#f2afaf
```
#f2afaf rgb(242,175,175)
```
#aff2af
```
#aff2af rgb(175,242,175)
```

Triadic Color

#f2aff2
```
#f2aff2 rgb(242,175,242)
```
#f2afaf
```
#f2afaf rgb(242,175,175)
```
#aff2af
```
#aff2af rgb(175,242,175)
```
#aff2f2
```
#aff2f2 rgb(175,242,242)
```

Tetradic Color

#e76d6d
```
#e76d6d rgb(231,109,109)
```
#eb8383
```
#eb8383 rgb(235,131,131)
```
#ee9999
```
#ee9999 rgb(238,153,153)
```
#f2afaf
```
#f2afaf rgb(242,175,175)
```
#f6c5c5
```
#f6c5c5 rgb(246,197,197)
```
#f9dbdb
```
#f9dbdb rgb(249,219,219)
```
#fdf1f1
```
#fdf1f1 rgb(253,241,241)
```

Monochromatic Color

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

#f2afc0
```
#f2afc0 rgb(242,175,192)
```
#f2afba
```
#f2afba rgb(242,175,186)
```
#f2afb5
```
#f2afb5 rgb(242,175,181)
```
#f2afaf
```
#f2afaf rgb(242,175,175)
```
#f2b5af
```
#f2b5af rgb(242,181,175)
```
#f2baaf
```
#f2baaf rgb(242,186,175)
```
#f2c0af
```
#f2c0af rgb(242,192,175)
```

Similar Colors

Text with hexadecimal color #f2afaf

This text has a font color of #f2afaf.

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

#f2afaf background color

This paragraph has a background color of #f2afaf.

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

#f2afaf border color

This element has a border color of #f2afaf.

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

CSS codes

.text {color:#f2afaf;}

.background {background-color:#f2afaf;}

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

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

#040101
```
#040101 rgb(4,1,1)
```
#150303
```
#150303 rgb(21,3,3)
```
#260606
```
#260606 rgb(38,6,6)
```
#370909
```
#370909 rgb(55,9,9)
```
#480c0c
```
#480c0c rgb(72,12,12)
```
#590e0e
```
#590e0e rgb(89,14,14)
```
#6a1111
```
#6a1111 rgb(106,17,17)
```
#7a1414
```
#7a1414 rgb(122,20,20)
```
#8b1717
```
#8b1717 rgb(139,23,23)
```
#9c1919
```
#9c1919 rgb(156,25,25)
```
#ad1c1c
```
#ad1c1c rgb(173,28,28)
```
#be1f1f
```
#be1f1f rgb(190,31,31)
```
#cf2222
```
#cf2222 rgb(207,34,34)
```

Shade Color Variation

#dc2828
```
#dc2828 rgb(220,40,40)
```
#df3939
```
#df3939 rgb(223,57,57)
```
#e24a4a
```
#e24a4a rgb(226,74,74)
```
#e45b5b
```
#e45b5b rgb(228,91,91)
```
#e76c6c
```
#e76c6c rgb(231,108,108)
```
#ea7c7c
```
#ea7c7c rgb(234,124,124)
```
#ed8d8d
```
#ed8d8d rgb(237,141,141)
```
#ef9e9e
```
#ef9e9e rgb(239,158,158)
```
#f2afaf
```
#f2afaf rgb(242,175,175)
```
#f5c0c0
```
#f5c0c0 rgb(245,192,192)
```
#f7d1d1
```
#f7d1d1 rgb(247,209,209)
```
#fae2e2
```
#fae2e2 rgb(250,226,226)
```
#fdf2f2
```
#fdf2f2 rgb(253,242,242)
```

Tint Color Variation

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

#d2cfcf
```
#d2cfcf rgb(210,207,207)
```
#d5cccc
```
#d5cccc rgb(213,204,204)
```
#d9c8c8
```
#d9c8c8 rgb(217,200,200)
```
#ddc4c4
```
#ddc4c4 rgb(221,196,196)
```
#e0c1c1
```
#e0c1c1 rgb(224,193,193)
```
#e4bdbd
```
#e4bdbd rgb(228,189,189)
```
#e7baba
```
#e7baba rgb(231,186,186)
```
#ebb6b6
```
#ebb6b6 rgb(235,182,182)
```
#eeb3b3
```
#eeb3b3 rgb(238,179,179)
```
#f2afaf
```
#f2afaf rgb(242,175,175)
```
#f6abab
```
#f6abab rgb(246,171,171)
```
#f9a8a8
```
#f9a8a8 rgb(249,168,168)
```
#fda4a4
```
#fda4a4 rgb(253,164,164)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#ccbfbf Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8c2ba Protanopia 1% of men
#dcbcb0 Deuteranopia 1% of men
#f3b1bd Tritanopia 0.001% of the population

Trichromacy

#d7bbb6 Protanomaly 1% of men, 0.01% of women
#e4b7af Deuteranomaly 6% of men, 0.4% of women
#f3b0b8 Tritanomaly 0.01% of the population

#f2afaf hex color

#f2afaf Color Information

#f2afaf Color Conversion

Color Schemes with #f2afaf

Alternatives to #f2afaf

#f2afaf Preview

Shades and Tints of #f2afaf

Tones of #f2afaf

Color Blindness Simulator