#f2a7a1 hex color

In a RGB color space, hex #f2a7a1 is composed of 94.9% red, 65.5% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31% magenta, 33.5% yellow and 5.1% black. It has a hue angle of 4.4 degrees, a saturation of 75.7% and a lightness of 79%. #f2a7a1 color hex could be obtained by blending #ffffff with #e54f43. Closest websafe color is: #ff9999.

♥
- f
- t
- g
- R 95
- G 65
- B 63
RGB color chart
- C 0
- M 31
- Y 33
- K 5
CMYK color chart

● #f2a7a1 color description : Very soft red.

The hexadecimal color #f2a7a1 has RGB values of R:242, G:167, B:161 and CMYK values of C:0, M:0.31, Y:0.33, K:0.05. Its decimal value is 15902625.

Hex triplet	f2a7a1	`#f2a7a1`
RGB Decimal	242, 167, 161	`rgb(242,167,161)`
RGB Percent	94.9, 65.5, 63.1	`rgb(94.9%,65.5%,63.1%)`
CMYK	0, 31, 33, 5
HSL	4.4°, 75.7, 79	`hsl(4.4,75.7%,79%)`
HSV (or HSB)	4.4°, 33.5, 94.9
Web Safe	ff9999	`#ff9999`

CIE-LAB	75.508, 26.895, 14.298
XYZ	56.87, 49.091, 40.196
xyY	0.389, 0.336, 49.091
CIE-LCH	75.508, 30.46, 27.996
CIE-LUV	75.508, 50.152, 14.868
Hunter-Lab	70.065, 22.27, 15.03
Binary	11110010, 10100111, 10100001

#f2a7a1
```
#f2a7a1 rgb(242,167,161)
```
#a1ecf2
```
#a1ecf2 rgb(161,236,242)
```

Complementary Color

#f2a1c4
```
#f2a1c4 rgb(242,161,196)
```
#f2a7a1
```
#f2a7a1 rgb(242,167,161)
```
#f2d0a1
```
#f2d0a1 rgb(242,208,161)
```

Analogous Color

#a1c4f2
```
#a1c4f2 rgb(161,196,242)
```
#f2a7a1
```
#f2a7a1 rgb(242,167,161)
```
#a1f2d0
```
#a1f2d0 rgb(161,242,208)
```

Split Complementary Color

#a7a1f2
```
#a7a1f2 rgb(167,161,242)
```
#f2a7a1
```
#f2a7a1 rgb(242,167,161)
```
#a1f2a7
```
#a1f2a7 rgb(161,242,167)
```

Triadic Color

#f2a1ec
```
#f2a1ec rgb(242,161,236)
```
#f2a7a1
```
#f2a7a1 rgb(242,167,161)
```
#a1f2a7
```
#a1f2a7 rgb(161,242,167)
```
#a1ecf2
```
#a1ecf2 rgb(161,236,242)
```

Tetradic Color

#e9685e
```
#e9685e rgb(233,104,94)
```
#ec7d74
```
#ec7d74 rgb(236,125,116)
```
#ef928b
```
#ef928b rgb(239,146,139)
```
#f2a7a1
```
#f2a7a1 rgb(242,167,161)
```
#f5bcb7
```
#f5bcb7 rgb(245,188,183)
```
#f8d1ce
```
#f8d1ce rgb(248,209,206)
```
#fbe6e4
```
#fbe6e4 rgb(251,230,228)
```

Monochromatic Color

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

#f2a1af
```
#f2a1af rgb(242,161,175)
```
#f2a1a9
```
#f2a1a9 rgb(242,161,169)
```
#f2a1a2
```
#f2a1a2 rgb(242,161,162)
```
#f2a7a1
```
#f2a7a1 rgb(242,167,161)
```
#f2aea1
```
#f2aea1 rgb(242,174,161)
```
#f2b5a1
```
#f2b5a1 rgb(242,181,161)
```
#f2bba1
```
#f2bba1 rgb(242,187,161)
```

Similar Colors

Text with hexadecimal color #f2a7a1

This text has a font color of #f2a7a1.

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

#f2a7a1 background color

This paragraph has a background color of #f2a7a1.

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

#f2a7a1 border color

This element has a border color of #f2a7a1.

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

CSS codes

.text {color:#f2a7a1;}

.background {background-color:#f2a7a1;}

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

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

#090201
```
#090201 rgb(9,2,1)
```
#1b0504
```
#1b0504 rgb(27,5,4)
```
#2c0906
```
#2c0906 rgb(44,9,6)
```
#3d0c08
```
#3d0c08 rgb(61,12,8)
```
#4e100b
```
#4e100b rgb(78,16,11)
```
#60130d
```
#60130d rgb(96,19,13)
```
#711710
```
#711710 rgb(113,23,16)
```
#821a12
```
#821a12 rgb(130,26,18)
```
#931e14
```
#931e14 rgb(147,30,20)
```
#a42117
```
#a42117 rgb(164,33,23)
```
#b62519
```
#b62519 rgb(182,37,25)
```
#c7281c
```
#c7281c rgb(199,40,28)
```
#d82c1e
```
#d82c1e rgb(216,44,30)
```

Shade Color Variation

#e13628
```
#e13628 rgb(225,54,40)
```
#e4463a
```
#e4463a rgb(228,70,58)
```
#e6564b
```
#e6564b rgb(230,86,75)
```
#e8665c
```
#e8665c rgb(232,102,92)
```
#eb776d
```
#eb776d rgb(235,119,109)
```
#ed877f
```
#ed877f rgb(237,135,127)
```
#f09790
```
#f09790 rgb(240,151,144)
```
#f2a7a1
```
#f2a7a1 rgb(242,167,161)
```
#f4b7b2
```
#f4b7b2 rgb(244,183,178)
```
#f7c7c3
```
#f7c7c3 rgb(247,199,195)
```
#f9d7d5
```
#f9d7d5 rgb(249,215,213)
```
#fce8e6
```
#fce8e6 rgb(252,232,230)
```
#fef8f7
```
#fef8f7 rgb(254,248,247)
```

Tint Color Variation

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

#cdc7c6
```
#cdc7c6 rgb(205,199,198)
```
#d1c3c2
```
#d1c3c2 rgb(209,195,194)
```
#d5c0be
```
#d5c0be rgb(213,192,190)
```
#d9bcba
```
#d9bcba rgb(217,188,186)
```
#ddb9b6
```
#ddb9b6 rgb(221,185,182)
```
#e2b5b1
```
#e2b5b1 rgb(226,181,177)
```
#e6b2ad
```
#e6b2ad rgb(230,178,173)
```
#eaaea9
```
#eaaea9 rgb(234,174,169)
```
#eeaba5
```
#eeaba5 rgb(238,171,165)
```
#f2a7a1
```
#f2a7a1 rgb(242,167,161)
```
#f6a39d
```
#f6a39d rgb(246,163,157)
```
#faa099
```
#faa099 rgb(250,160,153)
```
#fe9c95
```
#fe9c95 rgb(254,156,149)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#c8b9b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4bcae Protanopia 1% of men
#d8b6a2 Deuteranopia 1% of men
#f4a9b4 Tritanopia 0.001% of the population

Trichromacy

#d5b4a9 Protanomaly 1% of men, 0.01% of women
#e2b1a2 Deuteranomaly 6% of men, 0.4% of women
#f3a8ad Tritanomaly 0.01% of the population

#f2a7a1 hex color

#f2a7a1 Color Information

#f2a7a1 Color Conversion

Color Schemes with #f2a7a1

Alternatives to #f2a7a1

#f2a7a1 Preview

Shades and Tints of #f2a7a1

Tones of #f2a7a1

Color Blindness Simulator