#f2a7a2 hex color

In a RGB color space, hex #f2a7a2 is composed of 94.9% red, 65.5% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31% magenta, 33.1% yellow and 5.1% black. It has a hue angle of 3.8 degrees, a saturation of 75.5% and a lightness of 79.2%. #f2a7a2 color hex could be obtained by blending #ffffff with #e54f45. Closest websafe color is: #ff9999.

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

● #f2a7a2 color description : Very soft red.

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

Hex triplet	f2a7a2	`#f2a7a2`
RGB Decimal	242, 167, 162	`rgb(242,167,162)`
RGB Percent	94.9, 65.5, 63.5	`rgb(94.9%,65.5%,63.5%)`
CMYK	0, 31, 33, 5
HSL	3.8°, 75.5, 79.2	`hsl(3.8,75.5%,79.2%)`
HSV (or HSB)	3.8°, 33.1, 94.9
Web Safe	ff9999	`#ff9999`

CIE-LAB	75.53, 27.019, 13.783
XYZ	56.958, 49.126, 40.663
xyY	0.388, 0.335, 49.126
CIE-LCH	75.53, 30.332, 27.028
CIE-LUV	75.53, 50.008, 14.168
Hunter-Lab	70.09, 22.399, 14.666
Binary	11110010, 10100111, 10100010

#f2a7a2
```
#f2a7a2 rgb(242,167,162)
```
#a2edf2
```
#a2edf2 rgb(162,237,242)
```

Complementary Color

#f2a2c5
```
#f2a2c5 rgb(242,162,197)
```
#f2a7a2
```
#f2a7a2 rgb(242,167,162)
```
#f2cfa2
```
#f2cfa2 rgb(242,207,162)
```

Analogous Color

#a2c5f2
```
#a2c5f2 rgb(162,197,242)
```
#f2a7a2
```
#f2a7a2 rgb(242,167,162)
```
#a2f2cf
```
#a2f2cf rgb(162,242,207)
```

Split Complementary Color

#a7a2f2
```
#a7a2f2 rgb(167,162,242)
```
#f2a7a2
```
#f2a7a2 rgb(242,167,162)
```
#a2f2a7
```
#a2f2a7 rgb(162,242,167)
```

Triadic Color

#f2a2ed
```
#f2a2ed rgb(242,162,237)
```
#f2a7a2
```
#f2a7a2 rgb(242,167,162)
```
#a2f2a7
```
#a2f2a7 rgb(162,242,167)
```
#a2edf2
```
#a2edf2 rgb(162,237,242)
```

Tetradic Color

#e9675f
```
#e9675f rgb(233,103,95)
```
#ec7d75
```
#ec7d75 rgb(236,125,117)
```
#ef928c
```
#ef928c rgb(239,146,140)
```
#f2a7a2
```
#f2a7a2 rgb(242,167,162)
```
#f5bcb8
```
#f5bcb8 rgb(245,188,184)
```
#f8d1cf
```
#f8d1cf rgb(248,209,207)
```
#fbe7e5
```
#fbe7e5 rgb(251,231,229)
```

Monochromatic Color

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

#f2a2b1
```
#f2a2b1 rgb(242,162,177)
```
#f2a2aa
```
#f2a2aa rgb(242,162,170)
```
#f2a2a4
```
#f2a2a4 rgb(242,162,164)
```
#f2a7a2
```
#f2a7a2 rgb(242,167,162)
```
#f2aea2
```
#f2aea2 rgb(242,174,162)
```
#f2b4a2
```
#f2b4a2 rgb(242,180,162)
```
#f2bba2
```
#f2bba2 rgb(242,187,162)
```

Similar Colors

Text with hexadecimal color #f2a7a2

This text has a font color of #f2a7a2.

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

#f2a7a2 background color

This paragraph has a background color of #f2a7a2.

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

#f2a7a2 border color

This element has a border color of #f2a7a2.

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

CSS codes

.text {color:#f2a7a2;}

.background {background-color:#f2a7a2;}

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

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

#0a0201
```
#0a0201 rgb(10,2,1)
```
#1b0504
```
#1b0504 rgb(27,5,4)
```
#2d0906
```
#2d0906 rgb(45,9,6)
```
#3e0c09
```
#3e0c09 rgb(62,12,9)
```
#4f0f0b
```
#4f0f0b rgb(79,15,11)
```
#60130d
```
#60130d rgb(96,19,13)
```
#721610
```
#721610 rgb(114,22,16)
```
#831912
```
#831912 rgb(131,25,18)
```
#941d15
```
#941d15 rgb(148,29,21)
```
#a52017
```
#a52017 rgb(165,32,23)
```
#b62319
```
#b62319 rgb(182,35,25)
```
#c8271c
```
#c8271c rgb(200,39,28)
```
#d92a1e
```
#d92a1e rgb(217,42,30)
```

Shade Color Variation

#e1352a
```
#e1352a rgb(225,53,42)
```
#e4453b
```
#e4453b rgb(228,69,59)
```
#e6564c
```
#e6564c rgb(230,86,76)
```
#e8665d
```
#e8665d rgb(232,102,93)
```
#eb766e
```
#eb766e rgb(235,118,110)
```
#ed8680
```
#ed8680 rgb(237,134,128)
```
#f09791
```
#f09791 rgb(240,151,145)
```
#f2a7a2
```
#f2a7a2 rgb(242,167,162)
```
#f4b7b3
```
#f4b7b3 rgb(244,183,179)
```
#f7c8c4
```
#f7c8c4 rgb(247,200,196)
```
#f9d8d6
```
#f9d8d6 rgb(249,216,214)
```
#fce8e7
```
#fce8e7 rgb(252,232,231)
```
#fef8f8
```
#fef8f8 rgb(254,248,248)
```

Tint Color Variation

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

#cdc7c7
```
#cdc7c7 rgb(205,199,199)
```
#d1c4c3
```
#d1c4c3 rgb(209,196,195)
```
#d5c0bf
```
#d5c0bf rgb(213,192,191)
```
#dabcba
```
#dabcba rgb(218,188,186)
```
#deb9b6
```
#deb9b6 rgb(222,185,182)
```
#e2b5b2
```
#e2b5b2 rgb(226,181,178)
```
#e6b2ae
```
#e6b2ae rgb(230,178,174)
```
#eaaeaa
```
#eaaeaa rgb(234,174,170)
```
#eeaba6
```
#eeaba6 rgb(238,171,166)
```
#f2a7a2
```
#f2a7a2 rgb(242,167,162)
```
#f6a39e
```
#f6a39e rgb(246,163,158)
```
#faa09a
```
#faa09a rgb(250,160,154)
```
#fe9c96
```
#fe9c96 rgb(254,156,150)
```

Tone Color Variation

Below, you can see how #f2a7a2 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
#c8b9b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4bcaf Protanopia 1% of men
#d8b6a3 Deuteranopia 1% of men
#f4a9b4 Tritanopia 0.001% of the population

Trichromacy

#d4b4aa Protanomaly 1% of men, 0.01% of women
#e1b1a3 Deuteranomaly 6% of men, 0.4% of women
#f3a8ae Tritanomaly 0.01% of the population

#f2a7a2 hex color

#f2a7a2 Color Information

#f2a7a2 Color Conversion

Color Schemes with #f2a7a2

Alternatives to #f2a7a2

#f2a7a2 Preview

Shades and Tints of #f2a7a2

Tones of #f2a7a2

Color Blindness Simulator