colorhexa.com

#f4afa2 hex color

In a RGB color space, hex #f4afa2 is composed of 95.7% red, 68.6% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.3% magenta, 33.6% yellow and 4.3% black. It has a hue angle of 9.5 degrees, a saturation of 78.8% and a lightness of 79.6%. #f4afa2 color hex could be obtained by blending #ffffff with #e95f45. Closest websafe color is: #ff9999.

- R 96
- G 69
- B 64
RGB color chart
- C 0
- M 28
- Y 34
- K 4
CMYK color chart

● #f4afa2 color description : Very soft red.

The hexadecimal color #f4afa2 has RGB values of R:244, G:175, B:162 and CMYK values of C:0, M:0.28, Y:0.34, K:0.04. Its decimal value is 16035746.

Hex triplet	f4afa2	`#f4afa2`
RGB Decimal	244, 175, 162	`rgb(244,175,162)`
RGB Percent	95.7, 68.6, 63.5	`rgb(95.7%,68.6%,63.5%)`
CMYK	0, 28, 34, 4
HSL	9.5°, 78.8, 79.6	`hsl(9.5,78.8%,79.6%)`
HSV (or HSB)	9.5°, 33.6, 95.7
Web Safe	ff9999	`#ff9999`

CIE-LAB	77.581, 23.538, 16.691
XYZ	59.16, 52.504, 41.199
xyY	0.387, 0.343, 52.504
CIE-LCH	77.581, 28.855, 35.341
CIE-LUV	77.581, 46.431, 18.816
Hunter-Lab	72.46, 18.931, 17.011
Binary	11110100, 10101111, 10100010

#f4afa2
```
#f4afa2 rgb(244,175,162)
```
#a2e7f4
```
#a2e7f4 rgb(162,231,244)
```

Complementary Color

#f4a2be
```
#f4a2be rgb(244,162,190)
```
#f4afa2
```
#f4afa2 rgb(244,175,162)
```
#f4d8a2
```
#f4d8a2 rgb(244,216,162)
```

Analogous Color

#a2bef4
```
#a2bef4 rgb(162,190,244)
```
#f4afa2
```
#f4afa2 rgb(244,175,162)
```
#a2f4d8
```
#a2f4d8 rgb(162,244,216)
```

Split Complementary Color

#afa2f4
```
#afa2f4 rgb(175,162,244)
```
#f4afa2
```
#f4afa2 rgb(244,175,162)
```
#a2f4af
```
#a2f4af rgb(162,244,175)
```

Triadic Color

#f4a2e7
```
#f4a2e7 rgb(244,162,231)
```
#f4afa2
```
#f4afa2 rgb(244,175,162)
```
#a2f4af
```
#a2f4af rgb(162,244,175)
```
#a2e7f4
```
#a2e7f4 rgb(162,231,244)
```

Tetradic Color

#ec745e
```
#ec745e rgb(236,116,94)
```
#ef8874
```
#ef8874 rgb(239,136,116)
```
#f19b8b
```
#f19b8b rgb(241,155,139)
```
#f4afa2
```
#f4afa2 rgb(244,175,162)
```
#f7c3b9
```
#f7c3b9 rgb(247,195,185)
```
#f9d6d0
```
#f9d6d0 rgb(249,214,208)
```
#fceae6
```
#fceae6 rgb(252,234,230)
```

Monochromatic Color

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

#f4a2aa
```
#f4a2aa rgb(244,162,170)
```
#f4a2a3
```
#f4a2a3 rgb(244,162,163)
```
#f4a8a2
```
#f4a8a2 rgb(244,168,162)
```
#f4afa2
```
#f4afa2 rgb(244,175,162)
```
#f4b6a2
```
#f4b6a2 rgb(244,182,162)
```
#f4bda2
```
#f4bda2 rgb(244,189,162)
```
#f4c4a2
```
#f4c4a2 rgb(244,196,162)
```

Similar Colors

Text with hexadecimal color #f4afa2

This text has a font color of #f4afa2.

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

#f4afa2 background color

This paragraph has a background color of #f4afa2.

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

#f4afa2 border color

This element has a border color of #f4afa2.

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

CSS codes

.text {color:#f4afa2;}

.background {background-color:#f4afa2;}

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

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, #0c0301 is the darkest color, while #fefafa is the lightest one.

#0c0301
```
#0c0301 rgb(12,3,1)
```
#1e0804
```
#1e0804 rgb(30,8,4)
```
#2f0c06
```
#2f0c06 rgb(47,12,6)
```
#411108
```
#411108 rgb(65,17,8)
```
#52150a
```
#52150a rgb(82,21,10)
```
#641a0c
```
#641a0c rgb(100,26,12)
```
#751e0e
```
#751e0e rgb(117,30,14)
```
#872310
```
#872310 rgb(135,35,16)
```
#992712
```
#992712 rgb(153,39,18)
```
#aa2c14
```
#aa2c14 rgb(170,44,20)
```
#bc3016
```
#bc3016 rgb(188,48,22)
```
#cd3518
```
#cd3518 rgb(205,53,24)
```
#df391a
```
#df391a rgb(223,57,26)
```

Shade Color Variation

#e54527
```
#e54527 rgb(229,69,39)
```
#e85439
```
#e85439 rgb(232,84,57)
```
#ea644a
```
#ea644a rgb(234,100,74)
```
#ec735c
```
#ec735c rgb(236,115,92)
```
#ee826d
```
#ee826d rgb(238,130,109)
```
#f0917f
```
#f0917f rgb(240,145,127)
```
#f2a090
```
#f2a090 rgb(242,160,144)
```
#f4afa2
```
#f4afa2 rgb(244,175,162)
```
#f6beb4
```
#f6beb4 rgb(246,190,180)
```
#f8cdc5
```
#f8cdc5 rgb(248,205,197)
```
#fadcd7
```
#fadcd7 rgb(250,220,215)
```
#fcebe8
```
#fcebe8 rgb(252,235,232)
```
#fefafa
```
#fefafa rgb(254,250,250)
```

Tint Color Variation

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

#cccaca
```
#cccaca rgb(204,202,202)
```
#d0c8c6
```
#d0c8c6 rgb(208,200,198)
```
#d4c5c2
```
#d4c5c2 rgb(212,197,194)
```
#d8c2be
```
#d8c2be rgb(216,194,190)
```
#dcbfba
```
#dcbfba rgb(220,191,186)
```
#e0bdb6
```
#e0bdb6 rgb(224,189,182)
```
#e4bab2
```
#e4bab2 rgb(228,186,178)
```
#e8b7ae
```
#e8b7ae rgb(232,183,174)
```
#ecb4aa
```
#ecb4aa rgb(236,180,170)
```
#f0b2a6
```
#f0b2a6 rgb(240,178,166)
```
#f4afa2
```
#f4afa2 rgb(244,175,162)
```
#f8ac9e
```
#f8ac9e rgb(248,172,158)
```
#fcaa9a
```
#fcaa9a rgb(252,170,154)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#ccbebc Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbc2ad Protanopia 1% of men
#e0bba4 Deuteranopia 1% of men
#f6afbc Tritanopia 0.001% of the population

Trichromacy

#dabba9 Protanomaly 1% of men, 0.01% of women
#e7b7a3 Deuteranomaly 6% of men, 0.4% of women
#f5afb2 Tritanomaly 0.01% of the population