#f2caa8 hex color

In a RGB color space, hex #f2caa8 is composed of 94.9% red, 79.2% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.5% magenta, 30.6% yellow and 5.1% black. It has a hue angle of 27.6 degrees, a saturation of 74% and a lightness of 80.4%. #f2caa8 color hex could be obtained by blending #ffffff with #e59551. Closest websafe color is: #ffcc99.

♥
- f
- t
- g
- R 95
- G 79
- B 66
RGB color chart
- C 0
- M 17
- Y 31
- K 5
CMYK color chart

● #f2caa8 color description : Very soft orange.

The hexadecimal color #f2caa8 has RGB values of R:242, G:202, B:168 and CMYK values of C:0, M:0.17, Y:0.31, K:0.05. Its decimal value is 15911592.

Hex triplet	f2caa8	`#f2caa8`
RGB Decimal	242, 202, 168	`rgb(242,202,168)`
RGB Percent	94.9, 79.2, 65.9	`rgb(94.9%,79.2%,65.9%)`
CMYK	0, 17, 31, 5
HSL	27.6°, 74, 80.4	`hsl(27.6,74%,80.4%)`
HSV (or HSB)	27.6°, 30.6, 94.9
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	83.938, 9.308, 22.266
XYZ	64.806, 63.947, 45.973
xyY	0.371, 0.366, 63.947
CIE-LCH	83.938, 24.133, 67.313
CIE-LUV	83.938, 27.56, 29.441
Hunter-Lab	79.967, 4.715, 21.891
Binary	11110010, 11001010, 10101000

#f2caa8
```
#f2caa8 rgb(242,202,168)
```
#a8d0f2
```
#a8d0f2 rgb(168,208,242)
```

Complementary Color

#f2a8ab
```
#f2a8ab rgb(242,168,171)
```
#f2caa8
```
#f2caa8 rgb(242,202,168)
```
#f2efa8
```
#f2efa8 rgb(242,239,168)
```

Analogous Color

#a8abf2
```
#a8abf2 rgb(168,171,242)
```
#f2caa8
```
#f2caa8 rgb(242,202,168)
```
#a8f2ef
```
#a8f2ef rgb(168,242,239)
```

Split Complementary Color

#caa8f2
```
#caa8f2 rgb(202,168,242)
```
#f2caa8
```
#f2caa8 rgb(242,202,168)
```
#a8f2ca
```
#a8f2ca rgb(168,242,202)
```

Triadic Color

#f2a8d0
```
#f2a8d0 rgb(242,168,208)
```
#f2caa8
```
#f2caa8 rgb(242,202,168)
```
#a8f2ca
```
#a8f2ca rgb(168,242,202)
```
#a8d0f2
```
#a8d0f2 rgb(168,208,242)
```

Tetradic Color

#e8a165
```
#e8a165 rgb(232,161,101)
```
#ebaf7c
```
#ebaf7c rgb(235,175,124)
```
#efbc92
```
#efbc92 rgb(239,188,146)
```
#f2caa8
```
#f2caa8 rgb(242,202,168)
```
#f5d8be
```
#f5d8be rgb(245,216,190)
```
#f9e5d4
```
#f9e5d4 rgb(249,229,212)
```
#fcf3eb
```
#fcf3eb rgb(252,243,235)
```

Monochromatic Color

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

#f2b8a8
```
#f2b8a8 rgb(242,184,168)
```
#f2bea8
```
#f2bea8 rgb(242,190,168)
```
#f2c4a8
```
#f2c4a8 rgb(242,196,168)
```
#f2caa8
```
#f2caa8 rgb(242,202,168)
```
#f2d0a8
```
#f2d0a8 rgb(242,208,168)
```
#f2d6a8
```
#f2d6a8 rgb(242,214,168)
```
#f2dda8
```
#f2dda8 rgb(242,221,168)
```

Similar Colors

Text with hexadecimal color #f2caa8

This text has a font color of #f2caa8.

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

#f2caa8 background color

This paragraph has a background color of #f2caa8.

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

#f2caa8 border color

This element has a border color of #f2caa8.

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

CSS codes

.text {color:#f2caa8;}

.background {background-color:#f2caa8;}

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

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

#0f0802
```
#0f0802 rgb(15,8,2)
```
#201205
```
#201205 rgb(32,18,5)
```
#321b07
```
#321b07 rgb(50,27,7)
```
#43240a
```
#43240a rgb(67,36,10)
```
#542d0d
```
#542d0d rgb(84,45,13)
```
#65360f
```
#65360f rgb(101,54,15)
```
#764012
```
#764012 rgb(118,64,18)
```
#874914
```
#874914 rgb(135,73,20)
```
#985217
```
#985217 rgb(152,82,23)
```
#a95b19
```
#a95b19 rgb(169,91,25)
```
#ba651c
```
#ba651c rgb(186,101,28)
```
#cb6e1e
```
#cb6e1e rgb(203,110,30)
```
#dc7721
```
#dc7721 rgb(220,119,33)
```

Shade Color Variation

#e08131
```
#e08131 rgb(224,129,49)
```
#e38c42
```
#e38c42 rgb(227,140,66)
```
#e59653
```
#e59653 rgb(229,150,83)
```
#e8a064
```
#e8a064 rgb(232,160,100)
```
#eaab75
```
#eaab75 rgb(234,171,117)
```
#edb586
```
#edb586 rgb(237,181,134)
```
#efc097
```
#efc097 rgb(239,192,151)
```
#f2caa8
```
#f2caa8 rgb(242,202,168)
```
#f5d4b9
```
#f5d4b9 rgb(245,212,185)
```
#f7dfca
```
#f7dfca rgb(247,223,202)
```
#fae9db
```
#fae9db rgb(250,233,219)
```
#fcf4ec
```
#fcf4ec rgb(252,244,236)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#cfcdcb
```
#cfcdcb rgb(207,205,203)
```
#d3ccc7
```
#d3ccc7 rgb(211,204,199)
```
#d7ccc3
```
#d7ccc3 rgb(215,204,195)
```
#dbccbf
```
#dbccbf rgb(219,204,191)
```
#dfccbb
```
#dfccbb rgb(223,204,187)
```
#e3cbb7
```
#e3cbb7 rgb(227,203,183)
```
#e6cbb4
```
#e6cbb4 rgb(230,203,180)
```
#eacbb0
```
#eacbb0 rgb(234,203,176)
```
#eecaac
```
#eecaac rgb(238,202,172)
```
#f2caa8
```
#f2caa8 rgb(242,202,168)
```
#f6caa4
```
#f6caa4 rgb(246,202,164)
```
#fac9a0
```
#fac9a0 rgb(250,201,160)
```
#fec99c
```
#fec99c rgb(254,201,156)
```

Tone Color Variation

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

#d2d2d2 Achromatopsia 0.005% of the population
#d8d0ca Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfd3af Protanopia 1% of men
#f4cbac Deuteranopia 1% of men
#f7c6d4 Tritanopia 0.001% of the population

Trichromacy

#e6cfac Protanomaly 1% of men, 0.01% of women
#f3cbab Deuteranomaly 6% of men, 0.4% of women
#f5c8c4 Tritanomaly 0.01% of the population

#f2caa8 hex color

#f2caa8 Color Information

#f2caa8 Color Conversion

Color Schemes with #f2caa8

Alternatives to #f2caa8

#f2caa8 Preview

Shades and Tints of #f2caa8

Tones of #f2caa8

Color Blindness Simulator