#f2ae94 hex color

In a RGB color space, hex #f2ae94 is composed of 94.9% red, 68.2% green and 58% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.1% magenta, 38.8% yellow and 5.1% black. It has a hue angle of 16.6 degrees, a saturation of 78.3% and a lightness of 76.5%. #f2ae94 color hex could be obtained by blending #ffffff with #e55d29. Closest websafe color is: #ff9999.

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

● #f2ae94 color description : Very soft orange.

The hexadecimal color #f2ae94 has RGB values of R:242, G:174, B:148 and CMYK values of C:0, M:0.28, Y:0.39, K:0.05. Its decimal value is 15904404.

Hex triplet	f2ae94	`#f2ae94`
RGB Decimal	242, 174, 148	`rgb(242,174,148)`
RGB Percent	94.9, 68.2, 58	`rgb(94.9%,68.2%,58%)`
CMYK	0, 28, 39, 5
HSL	16.6°, 78.3, 76.5	`hsl(16.6,78.3%,76.5%)`
HSV (or HSB)	16.6°, 38.8, 94.9
Web Safe	ff9999	`#ff9999`

CIE-LAB	76.854, 21.657, 23.21
XYZ	57.099, 51.29, 34.908
xyY	0.398, 0.358, 51.29
CIE-LCH	76.854, 31.745, 46.983
CIE-LUV	76.854, 47.397, 27.369
Hunter-Lab	71.617, 16.986, 21.233
Binary	11110010, 10101110, 10010100

#f2ae94
```
#f2ae94 rgb(242,174,148)
```
#94d8f2
```
#94d8f2 rgb(148,216,242)
```

Complementary Color

#f294a9
```
#f294a9 rgb(242,148,169)
```
#f2ae94
```
#f2ae94 rgb(242,174,148)
```
#f2dd94
```
#f2dd94 rgb(242,221,148)
```

Analogous Color

#94a9f2
```
#94a9f2 rgb(148,169,242)
```
#f2ae94
```
#f2ae94 rgb(242,174,148)
```
#94f2dd
```
#94f2dd rgb(148,242,221)
```

Split Complementary Color

#ae94f2
```
#ae94f2 rgb(174,148,242)
```
#f2ae94
```
#f2ae94 rgb(242,174,148)
```
#94f2ae
```
#94f2ae rgb(148,242,174)
```

Triadic Color

#f294d8
```
#f294d8 rgb(242,148,216)
```
#f2ae94
```
#f2ae94 rgb(242,174,148)
```
#94f2ae
```
#94f2ae rgb(148,242,174)
```
#94d8f2
```
#94d8f2 rgb(148,216,242)
```

Tetradic Color

#ea7a50
```
#ea7a50 rgb(234,122,80)
```
#ec8c67
```
#ec8c67 rgb(236,140,103)
```
#ef9d7d
```
#ef9d7d rgb(239,157,125)
```
#f2ae94
```
#f2ae94 rgb(242,174,148)
```
#f5bfab
```
#f5bfab rgb(245,191,171)
```
#f8d0c1
```
#f8d0c1 rgb(248,208,193)
```
#fae2d8
```
#fae2d8 rgb(250,226,216)
```

Monochromatic Color

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

#f29794
```
#f29794 rgb(242,151,148)
```
#f29e94
```
#f29e94 rgb(242,158,148)
```
#f2a694
```
#f2a694 rgb(242,166,148)
```
#f2ae94
```
#f2ae94 rgb(242,174,148)
```
#f2b694
```
#f2b694 rgb(242,182,148)
```
#f2be94
```
#f2be94 rgb(242,190,148)
```
#f2c694
```
#f2c694 rgb(242,198,148)
```

Similar Colors

Text with hexadecimal color #f2ae94

This text has a font color of #f2ae94.

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

#f2ae94 background color

This paragraph has a background color of #f2ae94.

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

#f2ae94 border color

This element has a border color of #f2ae94.

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

CSS codes

.text {color:#f2ae94;}

.background {background-color:#f2ae94;}

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

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

#0f0602
```
#0f0602 rgb(15,6,2)
```
#210c04
```
#210c04 rgb(33,12,4)
```
#321206
```
#321206 rgb(50,18,6)
```
#441908
```
#441908 rgb(68,25,8)
```
#551f0a
```
#551f0a rgb(85,31,10)
```
#67260d
```
#67260d rgb(103,38,13)
```
#782c0f
```
#782c0f rgb(120,44,15)
```
#8a3211
```
#8a3211 rgb(138,50,17)
```
#9b3913
```
#9b3913 rgb(155,57,19)
```
#ad3f15
```
#ad3f15 rgb(173,63,21)
```
#be4517
```
#be4517 rgb(190,69,23)
```
#d04c19
```
#d04c19 rgb(208,76,25)
```
#e1521b
```
#e1521b rgb(225,82,27)
```

Shade Color Variation

#e55f2b
```
#e55f2b rgb(229,95,43)
```
#e76c3d
```
#e76c3d rgb(231,108,61)
```
#ea794e
```
#ea794e rgb(234,121,78)
```
#ec8660
```
#ec8660 rgb(236,134,96)
```
#ee9471
```
#ee9471 rgb(238,148,113)
```
#f0a183
```
#f0a183 rgb(240,161,131)
```
#f2ae94
```
#f2ae94 rgb(242,174,148)
```
#f4bba5
```
#f4bba5 rgb(244,187,165)
```
#f6c8b7
```
#f6c8b7 rgb(246,200,183)
```
#f8d6c8
```
#f8d6c8 rgb(248,214,200)
```
#fbe3da
```
#fbe3da rgb(251,227,218)
```
#fdf0eb
```
#fdf0eb rgb(253,240,235)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#c4c3c2
```
#c4c3c2 rgb(196,195,194)
```
#c8c1be
```
#c8c1be rgb(200,193,190)
```
#cdbeb9
```
#cdbeb9 rgb(205,190,185)
```
#d2bcb4
```
#d2bcb4 rgb(210,188,180)
```
#d6bab0
```
#d6bab0 rgb(214,186,176)
```
#dbb8ab
```
#dbb8ab rgb(219,184,171)
```
#e0b6a6
```
#e0b6a6 rgb(224,182,166)
```
#e4b4a2
```
#e4b4a2 rgb(228,180,162)
```
#e9b29d
```
#e9b29d rgb(233,178,157)
```
#edb099
```
#edb099 rgb(237,176,153)
```
#f2ae94
```
#f2ae94 rgb(242,174,148)
```
#f7ac8f
```
#f7ac8f rgb(247,172,143)
```
#fbaa8b
```
#fbaa8b rgb(251,170,139)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#c9bcb6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccc09f Protanopia 1% of men
#e1b997 Deuteranopia 1% of men
#f6adb9 Tritanopia 0.001% of the population

Trichromacy

#d9b99b Protanomaly 1% of men, 0.01% of women
#e7b596 Deuteranomaly 6% of men, 0.4% of women
#f4adab Tritanomaly 0.01% of the population

#f2ae94 hex color

#f2ae94 Color Information

#f2ae94 Color Conversion

Color Schemes with #f2ae94

Alternatives to #f2ae94

#f2ae94 Preview

Shades and Tints of #f2ae94

Tones of #f2ae94

Color Blindness Simulator