#f2c5aa hex color

In a RGB color space, hex #f2c5aa is composed of 94.9% red, 77.3% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.6% magenta, 29.8% yellow and 5.1% black. It has a hue angle of 22.5 degrees, a saturation of 73.5% and a lightness of 80.8%. #f2c5aa color hex could be obtained by blending #ffffff with #e58b55. Closest websafe color is: #ffcc99.

♥
- f
- t
- g
- R 95
- G 77
- B 67
RGB color chart
- C 0
- M 19
- Y 30
- K 5
CMYK color chart

● #f2c5aa color description : Very soft orange.

The hexadecimal color #f2c5aa has RGB values of R:242, G:197, B:170 and CMYK values of C:0, M:0.19, Y:0.3, K:0.05. Its decimal value is 15910314.

Hex triplet	f2c5aa	`#f2c5aa`
RGB Decimal	242, 197, 170	`rgb(242,197,170)`
RGB Percent	94.9, 77.3, 66.7	`rgb(94.9%,77.3%,66.7%)`
CMYK	0, 19, 30, 5
HSL	22.5°, 73.5, 80.8	`hsl(22.5,73.5%,80.8%)`
HSV (or HSB)	22.5°, 29.8, 94.9
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	82.761, 12.184, 19.582
XYZ	63.839, 61.714, 46.577
xyY	0.371, 0.359, 61.714
CIE-LCH	82.761, 23.063, 58.11
CIE-LUV	82.761, 30.431, 25.288
Hunter-Lab	78.558, 7.579, 19.838
Binary	11110010, 11000101, 10101010

#f2c5aa
```
#f2c5aa rgb(242,197,170)
```
#aad7f2
```
#aad7f2 rgb(170,215,242)
```

Complementary Color

#f2aab3
```
#f2aab3 rgb(242,170,179)
```
#f2c5aa
```
#f2c5aa rgb(242,197,170)
```
#f2e9aa
```
#f2e9aa rgb(242,233,170)
```

Analogous Color

#aab3f2
```
#aab3f2 rgb(170,179,242)
```
#f2c5aa
```
#f2c5aa rgb(242,197,170)
```
#aaf2e9
```
#aaf2e9 rgb(170,242,233)
```

Split Complementary Color

#c5aaf2
```
#c5aaf2 rgb(197,170,242)
```
#f2c5aa
```
#f2c5aa rgb(242,197,170)
```
#aaf2c5
```
#aaf2c5 rgb(170,242,197)
```

Triadic Color

#f2aad7
```
#f2aad7 rgb(242,170,215)
```
#f2c5aa
```
#f2c5aa rgb(242,197,170)
```
#aaf2c5
```
#aaf2c5 rgb(170,242,197)
```
#aad7f2
```
#aad7f2 rgb(170,215,242)
```

Tetradic Color

#e89868
```
#e89868 rgb(232,152,104)
```
#eba77e
```
#eba77e rgb(235,167,126)
```
#efb694
```
#efb694 rgb(239,182,148)
```
#f2c5aa
```
#f2c5aa rgb(242,197,170)
```
#f5d4c0
```
#f5d4c0 rgb(245,212,192)
```
#f9e3d6
```
#f9e3d6 rgb(249,227,214)
```
#fcf2ec
```
#fcf2ec rgb(252,242,236)
```

Monochromatic Color

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

#f2b3aa
```
#f2b3aa rgb(242,179,170)
```
#f2b9aa
```
#f2b9aa rgb(242,185,170)
```
#f2bfaa
```
#f2bfaa rgb(242,191,170)
```
#f2c5aa
```
#f2c5aa rgb(242,197,170)
```
#f2cbaa
```
#f2cbaa rgb(242,203,170)
```
#f2d1aa
```
#f2d1aa rgb(242,209,170)
```
#f2d7aa
```
#f2d7aa rgb(242,215,170)
```

Similar Colors

Text with hexadecimal color #f2c5aa

This text has a font color of #f2c5aa.

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

#f2c5aa background color

This paragraph has a background color of #f2c5aa.

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

#f2c5aa border color

This element has a border color of #f2c5aa.

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

CSS codes

.text {color:#f2c5aa;}

.background {background-color:#f2c5aa;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#110803
```
#110803 rgb(17,8,3)
```
#221005
```
#221005 rgb(34,16,5)
```
#331808
```
#331808 rgb(51,24,8)
```
#44200a
```
#44200a rgb(68,32,10)
```
#55280d
```
#55280d rgb(85,40,13)
```
#663010
```
#663010 rgb(102,48,16)
```
#773812
```
#773812 rgb(119,56,18)
```
#884015
```
#884015 rgb(136,64,21)
```
#994817
```
#994817 rgb(153,72,23)
```
#aa501a
```
#aa501a rgb(170,80,26)
```
#bb581d
```
#bb581d rgb(187,88,29)
```
#cc601f
```
#cc601f rgb(204,96,31)
```

Shade Color Variation

#dd6822
```
#dd6822 rgb(221,104,34)
```
#e07433
```
#e07433 rgb(224,116,51)
```
#e27f44
```
#e27f44 rgb(226,127,68)
```
#e58b55
```
#e58b55 rgb(229,139,85)
```
#e89766
```
#e89766 rgb(232,151,102)
```
#eaa277
```
#eaa277 rgb(234,162,119)
```
#edae88
```
#edae88 rgb(237,174,136)
```
#efb999
```
#efb999 rgb(239,185,153)
```
#f2c5aa
```
#f2c5aa rgb(242,197,170)
```
#f5d1bb
```
#f5d1bb rgb(245,209,187)
```
#f7dccc
```
#f7dccc rgb(247,220,204)
```
#fae8dd
```
#fae8dd rgb(250,232,221)
```
#fcf3ee
```
#fcf3ee rgb(252,243,238)
```

Tint Color Variation

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

#d0cdcc
```
#d0cdcc rgb(208,205,204)
```
#d4cdc8
```
#d4cdc8 rgb(212,205,200)
```
#d8ccc4
```
#d8ccc4 rgb(216,204,196)
```
#dbcbc1
```
#dbcbc1 rgb(219,203,193)
```
#dfcabd
```
#dfcabd rgb(223,202,189)
```
#e3c9b9
```
#e3c9b9 rgb(227,201,185)
```
#e7c8b5
```
#e7c8b5 rgb(231,200,181)
```
#eac7b2
```
#eac7b2 rgb(234,199,178)
```
#eec6ae
```
#eec6ae rgb(238,198,174)
```
#f2c5aa
```
#f2c5aa rgb(242,197,170)
```
#f6c4a6
```
#f6c4a6 rgb(246,196,166)
```
#fac3a2
```
#fac3a2 rgb(250,195,162)
```
#fdc29f
```
#fdc29f rgb(253,194,159)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#d6cdc8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbd0b2 Protanopia 1% of men
#f0c9ae Deuteranopia 1% of men
#f6c3d0 Tritanopia 0.001% of the population

Trichromacy

#e3ccaf Protanomaly 1% of men, 0.01% of women
#f0c7ac Deuteranomaly 6% of men, 0.4% of women
#f5c3c2 Tritanomaly 0.01% of the population

#f2c5aa hex color

#f2c5aa Color Information

#f2c5aa Color Conversion

Color Schemes with #f2c5aa

Alternatives to #f2c5aa

#f2c5aa Preview

Shades and Tints of #f2c5aa

Tones of #f2c5aa

Color Blindness Simulator