#f0a580 hex color

In a RGB color space, hex #f0a580 is composed of 94.1% red, 64.7% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.3% magenta, 46.7% yellow and 5.9% black. It has a hue angle of 19.8 degrees, a saturation of 78.9% and a lightness of 72.2%. #f0a580 color hex could be obtained by blending #ffffff with #e14b01. Closest websafe color is: #ff9999.

♥
- f
- t
- g
- R 94
- G 65
- B 50
RGB color chart
- C 0
- M 31
- Y 47
- K 6
CMYK color chart

● #f0a580 color description : Soft orange.

The hexadecimal color #f0a580 has RGB values of R:240, G:165, B:128 and CMYK values of C:0, M:0.31, Y:0.47, K:0.06. Its decimal value is 15771008.

Hex triplet	f0a580	`#f0a580`
RGB Decimal	240, 165, 128	`rgb(240,165,128)`
RGB Percent	94.1, 64.7, 50.2	`rgb(94.1%,64.7%,50.2%)`
CMYK	0, 31, 47, 6
HSL	19.8°, 78.9, 72.2	`hsl(19.8,78.9%,72.2%)`
HSV (or HSB)	19.8°, 46.7, 94.1
Web Safe	ff9999	`#ff9999`

CIE-LAB	74.188, 23.545, 30.335
XYZ	53.287, 46.997, 26.686
xyY	0.42, 0.37, 46.997
CIE-LCH	74.188, 38.4, 52.183
CIE-LUV	74.188, 54.417, 34.937
Hunter-Lab	68.554, 18.777, 24.909
Binary	11110000, 10100101, 10000000

#f0a580
```
#f0a580 rgb(240,165,128)
```
#80cbf0
```
#80cbf0 rgb(128,203,240)
```

Complementary Color

#f08093
```
#f08093 rgb(240,128,147)
```
#f0a580
```
#f0a580 rgb(240,165,128)
```
#f0dd80
```
#f0dd80 rgb(240,221,128)
```

Analogous Color

#8093f0
```
#8093f0 rgb(128,147,240)
```
#f0a580
```
#f0a580 rgb(240,165,128)
```
#80f0dd
```
#80f0dd rgb(128,240,221)
```

Split Complementary Color

#a580f0
```
#a580f0 rgb(165,128,240)
```
#f0a580
```
#f0a580 rgb(240,165,128)
```
#80f0a5
```
#80f0a5 rgb(128,240,165)
```

Triadic Color

#f080cb
```
#f080cb rgb(240,128,203)
```
#f0a580
```
#f0a580 rgb(240,165,128)
```
#80f0a5
```
#80f0a5 rgb(128,240,165)
```
#80cbf0
```
#80cbf0 rgb(128,203,240)
```

Tetradic Color

#e8753c
```
#e8753c rgb(232,117,60)
```
#eb8552
```
#eb8552 rgb(235,133,82)
```
#ed9569
```
#ed9569 rgb(237,149,105)
```
#f0a580
```
#f0a580 rgb(240,165,128)
```
#f3b597
```
#f3b597 rgb(243,181,151)
```
#f5c5ae
```
#f5c5ae rgb(245,197,174)
```
#f8d5c4
```
#f8d5c4 rgb(248,213,196)
```

Monochromatic Color

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

#f08980
```
#f08980 rgb(240,137,128)
```
#f09280
```
#f09280 rgb(240,146,128)
```
#f09c80
```
#f09c80 rgb(240,156,128)
```
#f0a580
```
#f0a580 rgb(240,165,128)
```
#f0ae80
```
#f0ae80 rgb(240,174,128)
```
#f0b880
```
#f0b880 rgb(240,184,128)
```
#f0c180
```
#f0c180 rgb(240,193,128)
```

Similar Colors

Text with hexadecimal color #f0a580

This text has a font color of #f0a580.

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

#f0a580 background color

This paragraph has a background color of #f0a580.

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

#f0a580 border color

This element has a border color of #f0a580.

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

CSS codes

.text {color:#f0a580;}

.background {background-color:#f0a580;}

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

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

#0d0502
```
#0d0502 rgb(13,5,2)
```
#1f0d04
```
#1f0d04 rgb(31,13,4)
```
#301406
```
#301406 rgb(48,20,6)
```
#421b08
```
#421b08 rgb(66,27,8)
```
#54220a
```
#54220a rgb(84,34,10)
```
#65290c
```
#65290c rgb(101,41,12)
```
#77310e
```
#77310e rgb(119,49,14)
```
#883810
```
#883810 rgb(136,56,16)
```
#9a3f12
```
#9a3f12 rgb(154,63,18)
```
#ab4614
```
#ab4614 rgb(171,70,20)
```
#bd4d16
```
#bd4d16 rgb(189,77,22)
```
#ce5418
```
#ce5418 rgb(206,84,24)
```
#e05c1a
```
#e05c1a rgb(224,92,26)
```

Shade Color Variation

#e66728
```
#e66728 rgb(230,103,40)
```
#e8733a
```
#e8733a rgb(232,115,58)
```
#ea804b
```
#ea804b rgb(234,128,75)
```
#ec8c5d
```
#ec8c5d rgb(236,140,93)
```
#ee996e
```
#ee996e rgb(238,153,110)
```
#f0a580
```
#f0a580 rgb(240,165,128)
```
#f2b192
```
#f2b192 rgb(242,177,146)
```
#f4bea3
```
#f4bea3 rgb(244,190,163)
```
#f6cab5
```
#f6cab5 rgb(246,202,181)
```
#f8d7c6
```
#f8d7c6 rgb(248,215,198)
```
#fae3d8
```
#fae3d8 rgb(250,227,216)
```
#fcf0e9
```
#fcf0e9 rgb(252,240,233)
```
#fffcfb
```
#fffcfb rgb(255,252,251)
```

Tint Color Variation

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

#b9b8b7
```
#b9b8b7 rgb(185,184,183)
```
#bfb6b1
```
#bfb6b1 rgb(191,182,177)
```
#c4b4ac
```
#c4b4ac rgb(196,180,172)
```
#cab2a6
```
#cab2a6 rgb(202,178,166)
```
#cfb0a1
```
#cfb0a1 rgb(207,176,161)
```
#d5ae9b
```
#d5ae9b rgb(213,174,155)
```
#daac96
```
#daac96 rgb(218,172,150)
```
#e0ab90
```
#e0ab90 rgb(224,171,144)
```
#e5a98b
```
#e5a98b rgb(229,169,139)
```
#eba785
```
#eba785 rgb(235,167,133)
```
#f0a580
```
#f0a580 rgb(240,165,128)
```
#f5a37b
```
#f5a37b rgb(245,163,123)
```
#fba175
```
#fba175 rgb(251,161,117)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#c2b3ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7b98d Protanopia 1% of men
#dcb284 Deuteranopia 1% of men
#f4a4af Tritanopia 0.001% of the population

Trichromacy

#d5b288 Protanomaly 1% of men, 0.01% of women
#e3ad82 Deuteranomaly 6% of men, 0.4% of women
#f2a49e Tritanomaly 0.01% of the population

#f0a580 hex color

#f0a580 Color Information

#f0a580 Color Conversion

Color Schemes with #f0a580

Alternatives to #f0a580

#f0a580 Preview

Shades and Tints of #f0a580

Tones of #f0a580

Color Blindness Simulator