#f0a488 hex color

In a RGB color space, hex #f0a488 is composed of 94.1% red, 64.3% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.7% magenta, 43.3% yellow and 5.9% black. It has a hue angle of 16.2 degrees, a saturation of 77.6% and a lightness of 73.7%. #f0a488 color hex could be obtained by blending #ffffff with #e14911. Closest websafe color is: #ff9999.

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

● #f0a488 color description : Very soft orange.

The hexadecimal color #f0a488 has RGB values of R:240, G:164, B:136 and CMYK values of C:0, M:0.32, Y:0.43, K:0.06. Its decimal value is 15770760.

Hex triplet	f0a488	`#f0a488`
RGB Decimal	240, 164, 136	`rgb(240,164,136)`
RGB Percent	94.1, 64.3, 53.3	`rgb(94.1%,64.3%,53.3%)`
CMYK	0, 32, 43, 6
HSL	16.2°, 77.6, 73.7	`hsl(16.2,77.6%,73.7%)`
HSV (or HSB)	16.2°, 43.3, 94.1
Web Safe	ff9999	`#ff9999`

CIE-LAB	74.098, 24.878, 25.913
XYZ	53.655, 46.857, 29.51
xyY	0.413, 0.36, 46.857
CIE-LCH	74.098, 35.922, 46.167
CIE-LUV	74.098, 54.076, 29.581
Hunter-Lab	68.452, 20.123, 22.357
Binary	11110000, 10100100, 10001000

#f0a488
```
#f0a488 rgb(240,164,136)
```
#88d4f0
```
#88d4f0 rgb(136,212,240)
```

Complementary Color

#f088a0
```
#f088a0 rgb(240,136,160)
```
#f0a488
```
#f0a488 rgb(240,164,136)
```
#f0d888
```
#f0d888 rgb(240,216,136)
```

Analogous Color

#88a0f0
```
#88a0f0 rgb(136,160,240)
```
#f0a488
```
#f0a488 rgb(240,164,136)
```
#88f0d8
```
#88f0d8 rgb(136,240,216)
```

Split Complementary Color

#a488f0
```
#a488f0 rgb(164,136,240)
```
#f0a488
```
#f0a488 rgb(240,164,136)
```
#88f0a4
```
#88f0a4 rgb(136,240,164)
```

Triadic Color

#f088d4
```
#f088d4 rgb(240,136,212)
```
#f0a488
```
#f0a488 rgb(240,164,136)
```
#88f0a4
```
#88f0a4 rgb(136,240,164)
```
#88d4f0
```
#88d4f0 rgb(136,212,240)
```

Tetradic Color

#e77044
```
#e77044 rgb(231,112,68)
```
#ea815b
```
#ea815b rgb(234,129,91)
```
#ed9371
```
#ed9371 rgb(237,147,113)
```
#f0a488
```
#f0a488 rgb(240,164,136)
```
#f3b59f
```
#f3b59f rgb(243,181,159)
```
#f6c7b5
```
#f6c7b5 rgb(246,199,181)
```
#f9d8cc
```
#f9d8cc rgb(249,216,204)
```

Monochromatic Color

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

#f08a88
```
#f08a88 rgb(240,138,136)
```
#f09388
```
#f09388 rgb(240,147,136)
```
#f09b88
```
#f09b88 rgb(240,155,136)
```
#f0a488
```
#f0a488 rgb(240,164,136)
```
#f0ad88
```
#f0ad88 rgb(240,173,136)
```
#f0b588
```
#f0b588 rgb(240,181,136)
```
#f0be88
```
#f0be88 rgb(240,190,136)
```

Similar Colors

Text with hexadecimal color #f0a488

This text has a font color of #f0a488.

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

#f0a488 background color

This paragraph has a background color of #f0a488.

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

#f0a488 border color

This element has a border color of #f0a488.

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

CSS codes

.text {color:#f0a488;}

.background {background-color:#f0a488;}

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

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

#030100
```
#030100 rgb(3,1,0)
```
#140703
```
#140703 rgb(20,7,3)
```
#260e05
```
#260e05 rgb(38,14,5)
```
#371407
```
#371407 rgb(55,20,7)
```
#491a09
```
#491a09 rgb(73,26,9)
```
#5a210b
```
#5a210b rgb(90,33,11)
```
#6b270e
```
#6b270e rgb(107,39,14)
```
#7d2d10
```
#7d2d10 rgb(125,45,16)
```
#8e3312
```
#8e3312 rgb(142,51,18)
```
#a03a14
```
#a03a14 rgb(160,58,20)
```
#b14016
```
#b14016 rgb(177,64,22)
```
#c34619
```
#c34619 rgb(195,70,25)
```
#d44d1b
```
#d44d1b rgb(212,77,27)
```

Shade Color Variation

#e3541f
```
#e3541f rgb(227,84,31)
```
#e56131
```
#e56131 rgb(229,97,49)
```
#e76f42
```
#e76f42 rgb(231,111,66)
```
#e97c54
```
#e97c54 rgb(233,124,84)
```
#ec8965
```
#ec8965 rgb(236,137,101)
```
#ee9777
```
#ee9777 rgb(238,151,119)
```
#f0a488
```
#f0a488 rgb(240,164,136)
```
#f2b199
```
#f2b199 rgb(242,177,153)
```
#f4bfab
```
#f4bfab rgb(244,191,171)
```
#f7ccbc
```
#f7ccbc rgb(247,204,188)
```
#f9d9ce
```
#f9d9ce rgb(249,217,206)
```
#fbe7df
```
#fbe7df rgb(251,231,223)
```
#fdf4f1
```
#fdf4f1 rgb(253,244,241)
```

Tint Color Variation

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

#bcbcbc
```
#bcbcbc rgb(188,188,188)
```
#c2b9b6
```
#c2b9b6 rgb(194,185,182)
```
#c7b7b1
```
#c7b7b1 rgb(199,183,177)
```
#ccb5ac
```
#ccb5ac rgb(204,181,172)
```
#d1b2a7
```
#d1b2a7 rgb(209,178,167)
```
#d6b0a2
```
#d6b0a2 rgb(214,176,162)
```
#dbae9d
```
#dbae9d rgb(219,174,157)
```
#e1ab97
```
#e1ab97 rgb(225,171,151)
```
#e6a992
```
#e6a992 rgb(230,169,146)
```
#eba68d
```
#eba68d rgb(235,166,141)
```
#f0a488
```
#f0a488 rgb(240,164,136)
```
#f5a283
```
#f5a283 rgb(245,162,131)
```
#fa9f7e
```
#fa9f7e rgb(250,159,126)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#c3b4ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5b995 Protanopia 1% of men
#dab28b Deuteranopia 1% of men
#f3a4af Tritanopia 0.001% of the population

Trichromacy

#d4b190 Protanomaly 1% of men, 0.01% of women
#e2ad8a Deuteranomaly 6% of men, 0.4% of women
#f2a4a0 Tritanomaly 0.01% of the population

#f0a488 hex color

#f0a488 Color Information

#f0a488 Color Conversion

Color Schemes with #f0a488

Alternatives to #f0a488

#f0a488 Preview

Shades and Tints of #f0a488

Tones of #f0a488

Color Blindness Simulator