#f0a285 hex color

In a RGB color space, hex #f0a285 is composed of 94.1% red, 63.5% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.5% magenta, 44.6% yellow and 5.9% black. It has a hue angle of 16.3 degrees, a saturation of 78.1% and a lightness of 73.1%. #f0a285 color hex could be obtained by blending #ffffff with #e1450b. Closest websafe color is: #ff9999.

♥
- f
- t
- g
- R 94
- G 64
- B 52
RGB color chart
- C 0
- M 33
- Y 45
- K 6
CMYK color chart

● #f0a285 color description : Very soft orange.

The hexadecimal color #f0a285 has RGB values of R:240, G:162, B:133 and CMYK values of C:0, M:0.33, Y:0.45, K:0.06. Its decimal value is 15770245.

Hex triplet	f0a285	`#f0a285`
RGB Decimal	240, 162, 133	`rgb(240,162,133)`
RGB Percent	94.1, 63.5, 52.2	`rgb(94.1%,63.5%,52.2%)`
CMYK	0, 33, 45, 6
HSL	16.3°, 78.1, 73.1	`hsl(16.3,78.1%,73.1%)`
HSV (or HSB)	16.3°, 44.6, 94.1
Web Safe	ff9999	`#ff9999`

CIE-LAB	73.586, 25.629, 26.847
XYZ	53.09, 46.062, 28.284
xyY	0.417, 0.361, 46.062
CIE-LCH	73.586, 37.116, 46.33
CIE-LUV	73.586, 55.829, 30.432
Hunter-Lab	67.869, 20.857, 22.8
Binary	11110000, 10100010, 10000101

#f0a285
```
#f0a285 rgb(240,162,133)
```
#85d3f0
```
#85d3f0 rgb(133,211,240)
```

Complementary Color

#f0859e
```
#f0859e rgb(240,133,158)
```
#f0a285
```
#f0a285 rgb(240,162,133)
```
#f0d885
```
#f0d885 rgb(240,216,133)
```

Analogous Color

#859ef0
```
#859ef0 rgb(133,158,240)
```
#f0a285
```
#f0a285 rgb(240,162,133)
```
#85f0d8
```
#85f0d8 rgb(133,240,216)
```

Split Complementary Color

#a285f0
```
#a285f0 rgb(162,133,240)
```
#f0a285
```
#f0a285 rgb(240,162,133)
```
#85f0a2
```
#85f0a2 rgb(133,240,162)
```

Triadic Color

#f085d3
```
#f085d3 rgb(240,133,211)
```
#f0a285
```
#f0a285 rgb(240,162,133)
```
#85f0a2
```
#85f0a2 rgb(133,240,162)
```
#85d3f0
```
#85d3f0 rgb(133,211,240)
```

Tetradic Color

#e86e41
```
#e86e41 rgb(232,110,65)
```
#ea7f58
```
#ea7f58 rgb(234,127,88)
```
#ed916e
```
#ed916e rgb(237,145,110)
```
#f0a285
```
#f0a285 rgb(240,162,133)
```
#f3b39c
```
#f3b39c rgb(243,179,156)
```
#f6c5b2
```
#f6c5b2 rgb(246,197,178)
```
#f8d6c9
```
#f8d6c9 rgb(248,214,201)
```

Monochromatic Color

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

#f08785
```
#f08785 rgb(240,135,133)
```
#f09085
```
#f09085 rgb(240,144,133)
```
#f09985
```
#f09985 rgb(240,153,133)
```
#f0a285
```
#f0a285 rgb(240,162,133)
```
#f0ab85
```
#f0ab85 rgb(240,171,133)
```
#f0b485
```
#f0b485 rgb(240,180,133)
```
#f0bd85
```
#f0bd85 rgb(240,189,133)
```

Similar Colors

Text with hexadecimal color #f0a285

This text has a font color of #f0a285.

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

#f0a285 background color

This paragraph has a background color of #f0a285.

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

#f0a285 border color

This element has a border color of #f0a285.

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

CSS codes

.text {color:#f0a285;}

.background {background-color:#f0a285;}

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

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 #fdf2ee is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#120602
```
#120602 rgb(18,6,2)
```
#230d04
```
#230d04 rgb(35,13,4)
```
#351306
```
#351306 rgb(53,19,6)
```
#461909
```
#461909 rgb(70,25,9)
```
#58200b
```
#58200b rgb(88,32,11)
```
#69260d
```
#69260d rgb(105,38,13)
```
#7b2c0f
```
#7b2c0f rgb(123,44,15)
```
#8c3211
```
#8c3211 rgb(140,50,17)
```
#9d3913
```
#9d3913 rgb(157,57,19)
```
#af3f16
```
#af3f16 rgb(175,63,22)
```
#c04518
```
#c04518 rgb(192,69,24)
```
#d24c1a
```
#d24c1a rgb(210,76,26)
```

Shade Color Variation

#e3521c
```
#e3521c rgb(227,82,28)
```
#e55f2e
```
#e55f2e rgb(229,95,46)
```
#e76d3f
```
#e76d3f rgb(231,109,63)
```
#ea7a51
```
#ea7a51 rgb(234,122,81)
```
#ec8762
```
#ec8762 rgb(236,135,98)
```
#ee9574
```
#ee9574 rgb(238,149,116)
```
#f0a285
```
#f0a285 rgb(240,162,133)
```
#f2af96
```
#f2af96 rgb(242,175,150)
```
#f4bda8
```
#f4bda8 rgb(244,189,168)
```
#f6cab9
```
#f6cab9 rgb(246,202,185)
```
#f9d7cb
```
#f9d7cb rgb(249,215,203)
```
#fbe5dc
```
#fbe5dc rgb(251,229,220)
```
#fdf2ee
```
#fdf2ee rgb(253,242,238)
```

Tint Color Variation

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

#bbbaba
```
#bbbaba rgb(187,186,186)
```
#c1b8b4
```
#c1b8b4 rgb(193,184,180)
```
#c6b5af
```
#c6b5af rgb(198,181,175)
```
#cbb3aa
```
#cbb3aa rgb(203,179,170)
```
#d0b0a5
```
#d0b0a5 rgb(208,176,165)
```
#d6ae9f
```
#d6ae9f rgb(214,174,159)
```
#dbac9a
```
#dbac9a rgb(219,172,154)
```
#e0a995
```
#e0a995 rgb(224,169,149)
```
#e5a790
```
#e5a790 rgb(229,167,144)
```
#eba48a
```
#eba48a rgb(235,164,138)
```
#f0a285
```
#f0a285 rgb(240,162,133)
```
#f5a080
```
#f5a080 rgb(245,160,128)
```
#fb9d7a
```
#fb9d7a rgb(251,157,122)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#c2b2ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4b892 Protanopia 1% of men
#d9b188 Deuteranopia 1% of men
#f3a2ad Tritanopia 0.001% of the population

Trichromacy

#d4b08d Protanomaly 1% of men, 0.01% of women
#e1ab87 Deuteranomaly 6% of men, 0.4% of women
#f2a29e Tritanomaly 0.01% of the population

#f0a285 hex color

#f0a285 Color Information

#f0a285 Color Conversion

Color Schemes with #f0a285

Alternatives to #f0a285

#f0a285 Preview

Shades and Tints of #f0a285

Tones of #f0a285

Color Blindness Simulator