#f5ab80 hex color

In a RGB color space, hex #f5ab80 is composed of 96.1% red, 67.1% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.2% magenta, 47.8% yellow and 3.9% black. It has a hue angle of 22.1 degrees, a saturation of 85.4% and a lightness of 73.1%. #f5ab80 color hex could be obtained by blending #ffffff with #eb5701. Closest websafe color is: #ff9999.

♥
- f
- t
- g
- R 96
- G 67
- B 50
RGB color chart
- C 0
- M 30
- Y 48
- K 4
CMYK color chart

● #f5ab80 color description : Soft orange.

The hexadecimal color #f5ab80 has RGB values of R:245, G:171, B:128 and CMYK values of C:0, M:0.3, Y:0.48, K:0.04. Its decimal value is 16100224.

Hex triplet	f5ab80	`#f5ab80`
RGB Decimal	245, 171, 128	`rgb(245,171,128)`
RGB Percent	96.1, 67.1, 50.2	`rgb(96.1%,67.1%,50.2%)`
CMYK	0, 30, 48, 4
HSL	22.1°, 85.4, 73.1	`hsl(22.1,85.4%,73.1%)`
HSV (or HSB)	22.1°, 47.8, 96.1
Web Safe	ff9999	`#ff9999`

CIE-LAB	76.131, 22.341, 32.985
XYZ	56.116, 50.1, 27.136
xyY	0.421, 0.376, 50.1
CIE-LCH	76.131, 39.839, 55.89
CIE-LUV	76.131, 54.081, 38.449
Hunter-Lab	70.781, 17.649, 26.817
Binary	11110101, 10101011, 10000000

#f5ab80
```
#f5ab80 rgb(245,171,128)
```
#80caf5
```
#80caf5 rgb(128,202,245)
```

Complementary Color

#f58090
```
#f58090 rgb(245,128,144)
```
#f5ab80
```
#f5ab80 rgb(245,171,128)
```
#f5e680
```
#f5e680 rgb(245,230,128)
```

Analogous Color

#8090f5
```
#8090f5 rgb(128,144,245)
```
#f5ab80
```
#f5ab80 rgb(245,171,128)
```
#80f5e6
```
#80f5e6 rgb(128,245,230)
```

Split Complementary Color

#ab80f5
```
#ab80f5 rgb(171,128,245)
```
#f5ab80
```
#f5ab80 rgb(245,171,128)
```
#80f5ab
```
#80f5ab rgb(128,245,171)
```

Triadic Color

#f580ca
```
#f580ca rgb(245,128,202)
```
#f5ab80
```
#f5ab80 rgb(245,171,128)
```
#80f5ab
```
#80f5ab rgb(128,245,171)
```
#80caf5
```
#80caf5 rgb(128,202,245)
```

Tetradic Color

#ef7c39
```
#ef7c39 rgb(239,124,57)
```
#f18c51
```
#f18c51 rgb(241,140,81)
```
#f39b68
```
#f39b68 rgb(243,155,104)
```
#f5ab80
```
#f5ab80 rgb(245,171,128)
```
#f7bb98
```
#f7bb98 rgb(247,187,152)
```
#f9caaf
```
#f9caaf rgb(249,202,175)
```
#fbdac7
```
#fbdac7 rgb(251,218,199)
```

Monochromatic Color

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

#f58e80
```
#f58e80 rgb(245,142,128)
```
#f59880
```
#f59880 rgb(245,152,128)
```
#f5a180
```
#f5a180 rgb(245,161,128)
```
#f5ab80
```
#f5ab80 rgb(245,171,128)
```
#f5b580
```
#f5b580 rgb(245,181,128)
```
#f5bf80
```
#f5bf80 rgb(245,191,128)
```
#f5c880
```
#f5c880 rgb(245,200,128)
```

Similar Colors

Text with hexadecimal color #f5ab80

This text has a font color of #f5ab80.

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

#f5ab80 background color

This paragraph has a background color of #f5ab80.

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

#f5ab80 border color

This element has a border color of #f5ab80.

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

CSS codes

.text {color:#f5ab80;}

.background {background-color:#f5ab80;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#120801
```
#120801 rgb(18,8,1)
```
#250f03
```
#250f03 rgb(37,15,3)
```
#371704
```
#371704 rgb(55,23,4)
```
#491e06
```
#491e06 rgb(73,30,6)
```
#5b2607
```
#5b2607 rgb(91,38,7)
```
#6d2e09
```
#6d2e09 rgb(109,46,9)
```
#80350a
```
#80350a rgb(128,53,10)
```
#923d0b
```
#923d0b rgb(146,61,11)
```
#a4440d
```
#a4440d rgb(164,68,13)
```
#b64c0e
```
#b64c0e rgb(182,76,14)
```
#c85410
```
#c85410 rgb(200,84,16)
```
#da5b11
```
#da5b11 rgb(218,91,17)
```

Shade Color Variation

#ec6313
```
#ec6313 rgb(236,99,19)
```
#ee6f25
```
#ee6f25 rgb(238,111,37)
```
#ef7b37
```
#ef7b37 rgb(239,123,55)
```
#f18749
```
#f18749 rgb(241,135,73)
```
#f2935c
```
#f2935c rgb(242,147,92)
```
#f49f6e
```
#f49f6e rgb(244,159,110)
```
#f5ab80
```
#f5ab80 rgb(245,171,128)
```
#f6b792
```
#f6b792 rgb(246,183,146)
```
#f8c3a4
```
#f8c3a4 rgb(248,195,164)
```
#f9cfb7
```
#f9cfb7 rgb(249,207,183)
```
#fbdbc9
```
#fbdbc9 rgb(251,219,201)
```
#fce7db
```
#fce7db rgb(252,231,219)
```
#fef3ed
```
#fef3ed rgb(254,243,237)
```

Tint Color Variation

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

#bbbaba
```
#bbbaba rgb(187,186,186)
```
#c0b9b5
```
#c0b9b5 rgb(192,185,181)
```
#c6b8af
```
#c6b8af rgb(198,184,175)
```
#cbb6aa
```
#cbb6aa rgb(203,182,170)
```
#d0b5a5
```
#d0b5a5 rgb(208,181,165)
```
#d5b3a0
```
#d5b3a0 rgb(213,179,160)
```
#dbb29a
```
#dbb29a rgb(219,178,154)
```
#e0b195
```
#e0b195 rgb(224,177,149)
```
#e5af90
```
#e5af90 rgb(229,175,144)
```
#eaae8b
```
#eaae8b rgb(234,174,139)
```
#f0ac85
```
#f0ac85 rgb(240,172,133)
```
#f5ab80
```
#f5ab80 rgb(245,171,128)
```
#faaa7b
```
#faaa7b rgb(250,170,123)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#c7b9b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdbe8c Protanopia 1% of men
#e3b784 Deuteranopia 1% of men
#f9a9b4 Tritanopia 0.001% of the population

Trichromacy

#dbb788 Protanomaly 1% of men, 0.01% of women
#e9b282 Deuteranomaly 6% of men, 0.4% of women
#f8a9a1 Tritanomaly 0.01% of the population

#f5ab80 hex color

#f5ab80 Color Information

#f5ab80 Color Conversion

Color Schemes with #f5ab80

Alternatives to #f5ab80

#f5ab80 Preview

Shades and Tints of #f5ab80

Tones of #f5ab80

Color Blindness Simulator