#ffab5f hex color

In a RGB color space, hex #ffab5f is composed of 100% red, 67.1% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.9% magenta, 62.7% yellow and 0% black. It has a hue angle of 28.5 degrees, a saturation of 100% and a lightness of 68.6%. #ffab5f color hex could be obtained by blending #ffffbe with #ff5700. Closest websafe color is: #ff9966.

♥
- f
- t
- g
- R 100
- G 67
- B 37
RGB color chart
- C 0
- M 33
- Y 63
- K 0
CMYK color chart

● #ffab5f color description : Light orange.

The hexadecimal color #ffab5f has RGB values of R:255, G:171, B:95 and CMYK values of C:0, M:0.33, Y:0.63, K:0. Its decimal value is 16755551.

Hex triplet	ffab5f	`#ffab5f`
RGB Decimal	255, 171, 95	`rgb(255,171,95)`
RGB Percent	100, 67.1, 37.3	`rgb(100%,67.1%,37.3%)`
CMYK	0, 33, 63, 0
HSL	28.5°, 100, 68.6	`hsl(28.5,100%,68.6%)`
HSV (or HSB)	28.5°, 62.7, 100
Web Safe	ff9966	`#ff9966`

CIE-LAB	76.81, 23.739, 50.938
XYZ	57.87, 51.216, 17.664
xyY	0.457, 0.404, 51.216
CIE-LCH	76.81, 56.198, 65.013
CIE-LUV	76.81, 65.377, 55.917
Hunter-Lab	71.565, 19.101, 35.462
Binary	11111111, 10101011, 01011111

#ffab5f
```
#ffab5f rgb(255,171,95)
```
#5fb3ff
```
#5fb3ff rgb(95,179,255)
```

Complementary Color

#ff5f63
```
#ff5f63 rgb(255,95,99)
```
#ffab5f
```
#ffab5f rgb(255,171,95)
```
#fffb5f
```
#fffb5f rgb(255,251,95)
```

Analogous Color

#5f63ff
```
#5f63ff rgb(95,99,255)
```
#ffab5f
```
#ffab5f rgb(255,171,95)
```
#5ffffb
```
#5ffffb rgb(95,255,251)
```

Split Complementary Color

#ab5fff
```
#ab5fff rgb(171,95,255)
```
#ffab5f
```
#ffab5f rgb(255,171,95)
```
#5fffab
```
#5fffab rgb(95,255,171)
```

Triadic Color

#ff5fb3
```
#ff5fb3 rgb(255,95,179)
```
#ffab5f
```
#ffab5f rgb(255,171,95)
```
#5fffab
```
#5fffab rgb(95,255,171)
```
#5fb3ff
```
#5fb3ff rgb(95,179,255)
```

Tetradic Color

#ff8313
```
#ff8313 rgb(255,131,19)
```
#ff902c
```
#ff902c rgb(255,144,44)
```
#ff9e46
```
#ff9e46 rgb(255,158,70)
```
#ffab5f
```
#ffab5f rgb(255,171,95)
```
#ffb879
```
#ffb879 rgb(255,184,121)
```
#ffc692
```
#ffc692 rgb(255,198,146)
```
#ffd3ac
```
#ffd3ac rgb(255,211,172)
```

Monochromatic Color

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

#ff835f
```
#ff835f rgb(255,131,95)
```
#ff905f
```
#ff905f rgb(255,144,95)
```
#ff9e5f
```
#ff9e5f rgb(255,158,95)
```
#ffab5f
```
#ffab5f rgb(255,171,95)
```
#ffb85f
```
#ffb85f rgb(255,184,95)
```
#ffc65f
```
#ffc65f rgb(255,198,95)
```
#ffd35f
```
#ffd35f rgb(255,211,95)
```

Similar Colors

Text with hexadecimal color #ffab5f

This text has a font color of #ffab5f.

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

#ffab5f background color

This paragraph has a background color of #ffab5f.

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

#ffab5f border color

This element has a border color of #ffab5f.

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

CSS codes

.text {color:#ffab5f;}

.background {background-color:#ffab5f;}

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

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

#110800
```
#110800 rgb(17,8,0)
```
#241100
```
#241100 rgb(36,17,0)
```
#381a00
```
#381a00 rgb(56,26,0)
```
#4b2400
```
#4b2400 rgb(75,36,0)
```
#5f2d00
```
#5f2d00 rgb(95,45,0)
```
#733600
```
#733600 rgb(115,54,0)
```
#864000
```
#864000 rgb(134,64,0)
```
#9a4900
```
#9a4900 rgb(154,73,0)
```
#ad5200
```
#ad5200 rgb(173,82,0)
```
#c15c00
```
#c15c00 rgb(193,92,0)
```
#d56500
```
#d56500 rgb(213,101,0)
```
#e86e00
```
#e86e00 rgb(232,110,0)
```
#fc7800
```
#fc7800 rgb(252,120,0)
```

Shade Color Variation

#ff8211
```
#ff8211 rgb(255,130,17)
```
#ff8c24
```
#ff8c24 rgb(255,140,36)
```
#ff9638
```
#ff9638 rgb(255,150,56)
```
#ffa14b
```
#ffa14b rgb(255,161,75)
```
#ffab5f
```
#ffab5f rgb(255,171,95)
```
#ffb573
```
#ffb573 rgb(255,181,115)
```
#ffc086
```
#ffc086 rgb(255,192,134)
```
#ffca9a
```
#ffca9a rgb(255,202,154)
```
#ffd4ad
```
#ffd4ad rgb(255,212,173)
```
#ffdec1
```
#ffdec1 rgb(255,222,193)
```
#ffe9d5
```
#ffe9d5 rgb(255,233,213)
```
#fff3e8
```
#fff3e8 rgb(255,243,232)
```
#fffdfc
```
#fffdfc rgb(255,253,252)
```

Tint Color Variation

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

#b5afa9
```
#b5afa9 rgb(181,175,169)
```
#bbaea3
```
#bbaea3 rgb(187,174,163)
```
#c1ae9d
```
#c1ae9d rgb(193,174,157)
```
#c8ae96
```
#c8ae96 rgb(200,174,150)
```
#cead90
```
#cead90 rgb(206,173,144)
```
#d4ad8a
```
#d4ad8a rgb(212,173,138)
```
#daad84
```
#daad84 rgb(218,173,132)
```
#e0ad7e
```
#e0ad7e rgb(224,173,126)
```
#e6ac78
```
#e6ac78 rgb(230,172,120)
```
#edac71
```
#edac71 rgb(237,172,113)
```
#f3ac6b
```
#f3ac6b rgb(243,172,107)
```
#f9ab65
```
#f9ab65 rgb(249,171,101)
```
#ffab5f
```
#ffab5f rgb(255,171,95)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#c9b8a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3c16d Protanopia 1% of men
#ebb864 Deuteranopia 1% of men
#ffa9b3 Tritanopia 0.001% of the population

Trichromacy

#e3b967 Protanomaly 1% of men, 0.01% of women
#f2b362 Deuteranomaly 6% of men, 0.4% of women
#ffaa94 Tritanomaly 0.01% of the population

#ffab5f hex color

#ffab5f Color Information

#ffab5f Color Conversion

Color Schemes with #ffab5f

Alternatives to #ffab5f

#ffab5f Preview

Shades and Tints of #ffab5f

Tones of #ffab5f

Color Blindness Simulator