#f0caa4 hex color

In a RGB color space, hex #f0caa4 is composed of 94.1% red, 79.2% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.8% magenta, 31.7% yellow and 5.9% black. It has a hue angle of 30 degrees, a saturation of 71.7% and a lightness of 79.2%. #f0caa4 color hex could be obtained by blending #ffffff with #e19549. Closest websafe color is: #ffcc99.

♥
- f
- t
- g
- R 94
- G 79
- B 64
RGB color chart
- C 0
- M 16
- Y 32
- K 6
CMYK color chart

● #f0caa4 color description : Very soft orange.

The hexadecimal color #f0caa4 has RGB values of R:240, G:202, B:164 and CMYK values of C:0, M:0.16, Y:0.32, K:0.06. Its decimal value is 15780516.

Hex triplet	f0caa4	`#f0caa4`
RGB Decimal	240, 202, 164	`rgb(240,202,164)`
RGB Percent	94.1, 79.2, 64.3	`rgb(94.1%,79.2%,64.3%)`
CMYK	0, 16, 32, 6
HSL	30°, 71.7, 79.2	`hsl(30,71.7%,79.2%)`
HSV (or HSB)	30°, 31.7, 94.1
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	83.678, 8.042, 23.985
XYZ	63.756, 63.449, 44.008
xyY	0.372, 0.371, 63.449
CIE-LCH	83.678, 25.298, 71.464
CIE-LUV	83.678, 26.545, 31.868
Hunter-Lab	79.655, 3.477, 23.001
Binary	11110000, 11001010, 10100100

#f0caa4
```
#f0caa4 rgb(240,202,164)
```
#a4caf0
```
#a4caf0 rgb(164,202,240)
```

Complementary Color

#f0a4a4
```
#f0a4a4 rgb(240,164,164)
```
#f0caa4
```
#f0caa4 rgb(240,202,164)
```
#f0f0a4
```
#f0f0a4 rgb(240,240,164)
```

Analogous Color

#a4a4f0
```
#a4a4f0 rgb(164,164,240)
```
#f0caa4
```
#f0caa4 rgb(240,202,164)
```
#a4f0f0
```
#a4f0f0 rgb(164,240,240)
```

Split Complementary Color

#caa4f0
```
#caa4f0 rgb(202,164,240)
```
#f0caa4
```
#f0caa4 rgb(240,202,164)
```
#a4f0ca
```
#a4f0ca rgb(164,240,202)
```

Triadic Color

#f0a4ca
```
#f0a4ca rgb(240,164,202)
```
#f0caa4
```
#f0caa4 rgb(240,202,164)
```
#a4f0ca
```
#a4f0ca rgb(164,240,202)
```
#a4caf0
```
#a4caf0 rgb(164,202,240)
```

Tetradic Color

#e5a462
```
#e5a462 rgb(229,164,98)
```
#e9b178
```
#e9b178 rgb(233,177,120)
```
#ecbd8e
```
#ecbd8e rgb(236,189,142)
```
#f0caa4
```
#f0caa4 rgb(240,202,164)
```
#f4d7ba
```
#f4d7ba rgb(244,215,186)
```
#f7e4d0
```
#f7e4d0 rgb(247,228,208)
```
#fbf0e6
```
#fbf0e6 rgb(251,240,230)
```

Monochromatic Color

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

#f0b7a4
```
#f0b7a4 rgb(240,183,164)
```
#f0bda4
```
#f0bda4 rgb(240,189,164)
```
#f0c4a4
```
#f0c4a4 rgb(240,196,164)
```
#f0caa4
```
#f0caa4 rgb(240,202,164)
```
#f0d0a4
```
#f0d0a4 rgb(240,208,164)
```
#f0d7a4
```
#f0d7a4 rgb(240,215,164)
```
#f0dda4
```
#f0dda4 rgb(240,221,164)
```

Similar Colors

Text with hexadecimal color #f0caa4

This text has a font color of #f0caa4.

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

#f0caa4 background color

This paragraph has a background color of #f0caa4.

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

#f0caa4 border color

This element has a border color of #f0caa4.

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

CSS codes

.text {color:#f0caa4;}

.background {background-color:#f0caa4;}

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

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

#0a0602
```
#0a0602 rgb(10,6,2)
```
#1b1004
```
#1b1004 rgb(27,16,4)
```
#2c1907
```
#2c1907 rgb(44,25,7)
```
#3d230a
```
#3d230a rgb(61,35,10)
```
#4d2d0d
```
#4d2d0d rgb(77,45,13)
```
#5e3710
```
#5e3710 rgb(94,55,16)
```
#6f4112
```
#6f4112 rgb(111,65,18)
```
#804b15
```
#804b15 rgb(128,75,21)
```
#915418
```
#915418 rgb(145,84,24)
```
#a25e1b
```
#a25e1b rgb(162,94,27)
```
#b2681d
```
#b2681d rgb(178,104,29)
```
#c37220
```
#c37220 rgb(195,114,32)
```
#d47c23
```
#d47c23 rgb(212,124,35)
```

Shade Color Variation

#dd852e
```
#dd852e rgb(221,133,46)
```
#df8f3f
```
#df8f3f rgb(223,143,63)
```
#e29950
```
#e29950 rgb(226,153,80)
```
#e5a361
```
#e5a361 rgb(229,163,97)
```
#e8ad71
```
#e8ad71 rgb(232,173,113)
```
#eab682
```
#eab682 rgb(234,182,130)
```
#edc093
```
#edc093 rgb(237,192,147)
```
#f0caa4
```
#f0caa4 rgb(240,202,164)
```
#f3d4b5
```
#f3d4b5 rgb(243,212,181)
```
#f6dec6
```
#f6dec6 rgb(246,222,198)
```
#f8e7d7
```
#f8e7d7 rgb(248,231,215)
```
#fbf1e7
```
#fbf1e7 rgb(251,241,231)
```
#fefbf8
```
#fefbf8 rgb(254,251,248)
```

Tint Color Variation

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

#cbcac9
```
#cbcac9 rgb(203,202,201)
```
#cfcac5
```
#cfcac5 rgb(207,202,197)
```
#d3cac1
```
#d3cac1 rgb(211,202,193)
```
#d8cabc
```
#d8cabc rgb(216,202,188)
```
#dccab8
```
#dccab8 rgb(220,202,184)
```
#e0cab4
```
#e0cab4 rgb(224,202,180)
```
#e4cab0
```
#e4cab0 rgb(228,202,176)
```
#e8caac
```
#e8caac rgb(232,202,172)
```
#eccaa8
```
#eccaa8 rgb(236,202,168)
```
#f0caa4
```
#f0caa4 rgb(240,202,164)
```
#f4caa0
```
#f4caa0 rgb(244,202,160)
```
#f8ca9c
```
#f8ca9c rgb(248,202,156)
```
#fcca98
```
#fcca98 rgb(252,202,152)
```

Tone Color Variation

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

#d1d1d1 Achromatopsia 0.005% of the population
#d7d0c8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfd2ab Protanopia 1% of men
#f4cba9 Deuteranopia 1% of men
#f6c6d4 Tritanopia 0.001% of the population

Trichromacy

#e5cfa8 Protanomaly 1% of men, 0.01% of women
#f3caa7 Deuteranomaly 6% of men, 0.4% of women
#f3c7c2 Tritanomaly 0.01% of the population

#f0caa4 hex color

#f0caa4 Color Information

#f0caa4 Color Conversion

Color Schemes with #f0caa4

Alternatives to #f0caa4

#f0caa4 Preview

Shades and Tints of #f0caa4

Tones of #f0caa4

Color Blindness Simulator