#f5a969 hex color

In a RGB color space, hex #f5a969 is composed of 96.1% red, 66.3% green and 41.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31% magenta, 57.1% yellow and 3.9% black. It has a hue angle of 27.4 degrees, a saturation of 87.5% and a lightness of 68.6%. #f5a969 color hex could be obtained by blending #ffffd2 with #eb5300. Closest websafe color is: #ff9966.

♥
- f
- t
- g
- R 96
- G 66
- B 41
RGB color chart
- C 0
- M 31
- Y 57
- K 4
CMYK color chart

● #f5a969 color description : Soft orange.

The hexadecimal color #f5a969 has RGB values of R:245, G:169, B:105 and CMYK values of C:0, M:0.31, Y:0.57, K:0.04. Its decimal value is 16099689.

Hex triplet	f5a969	`#f5a969`
RGB Decimal	245, 169, 105	`rgb(245,169,105)`
RGB Percent	96.1, 66.3, 41.2	`rgb(96.1%,66.3%,41.2%)`
CMYK	0, 31, 57, 4
HSL	27.4°, 87.5, 68.6	`hsl(27.4,87.5%,68.6%)`
HSV (or HSB)	27.4°, 57.1, 96.1
Web Safe	ff9966	`#ff9966`

CIE-LAB	75.334, 21.442, 43.934
XYZ	54.395, 48.812, 19.921
xyY	0.442, 0.396, 48.812
CIE-LCH	75.334, 48.887, 63.985
CIE-LUV	75.334, 58.022, 49.685
Hunter-Lab	69.865, 16.71, 32
Binary	11110101, 10101001, 01101001

#f5a969
```
#f5a969 rgb(245,169,105)
```
#69b5f5
```
#69b5f5 rgb(105,181,245)
```

Complementary Color

#f5696f
```
#f5696f rgb(245,105,111)
```
#f5a969
```
#f5a969 rgb(245,169,105)
```
#f5ef69
```
#f5ef69 rgb(245,239,105)
```

Analogous Color

#696ff5
```
#696ff5 rgb(105,111,245)
```
#f5a969
```
#f5a969 rgb(245,169,105)
```
#69f5ef
```
#69f5ef rgb(105,245,239)
```

Split Complementary Color

#a969f5
```
#a969f5 rgb(169,105,245)
```
#f5a969
```
#f5a969 rgb(245,169,105)
```
#69f5a9
```
#69f5a9 rgb(105,245,169)
```

Triadic Color

#f569b5
```
#f569b5 rgb(245,105,181)
```
#f5a969
```
#f5a969 rgb(245,169,105)
```
#69f5a9
```
#69f5a9 rgb(105,245,169)
```
#69b5f5
```
#69b5f5 rgb(105,181,245)
```

Tetradic Color

#f08021
```
#f08021 rgb(240,128,33)
```
#f28e39
```
#f28e39 rgb(242,142,57)
```
#f39b51
```
#f39b51 rgb(243,155,81)
```
#f5a969
```
#f5a969 rgb(245,169,105)
```
#f7b781
```
#f7b781 rgb(247,183,129)
```
#f8c499
```
#f8c499 rgb(248,196,153)
```
#fad2b1
```
#fad2b1 rgb(250,210,177)
```

Monochromatic Color

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

#f58669
```
#f58669 rgb(245,134,105)
```
#f59269
```
#f59269 rgb(245,146,105)
```
#f59d69
```
#f59d69 rgb(245,157,105)
```
#f5a969
```
#f5a969 rgb(245,169,105)
```
#f5b569
```
#f5b569 rgb(245,181,105)
```
#f5c069
```
#f5c069 rgb(245,192,105)
```
#f5cc69
```
#f5cc69 rgb(245,204,105)
```

Similar Colors

Text with hexadecimal color #f5a969

This text has a font color of #f5a969.

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

#f5a969 background color

This paragraph has a background color of #f5a969.

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

#f5a969 border color

This element has a border color of #f5a969.

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

CSS codes

.text {color:#f5a969;}

.background {background-color:#f5a969;}

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

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

#100801
```
#100801 rgb(16,8,1)
```
#221102
```
#221102 rgb(34,17,2)
```
#341a03
```
#341a03 rgb(52,26,3)
```
#472305
```
#472305 rgb(71,35,5)
```
#592c06
```
#592c06 rgb(89,44,6)
```
#6b3507
```
#6b3507 rgb(107,53,7)
```
#7e3e08
```
#7e3e08 rgb(126,62,8)
```
#90470a
```
#90470a rgb(144,71,10)
```
#a3500b
```
#a3500b rgb(163,80,11)
```
#b5590c
```
#b5590c rgb(181,89,12)
```
#c7620d
```
#c7620d rgb(199,98,13)
```
#da6b0f
```
#da6b0f rgb(218,107,15)
```
#ec7510
```
#ec7510 rgb(236,117,16)
```

Shade Color Variation

#f07f1f
```
#f07f1f rgb(240,127,31)
```
#f18932
```
#f18932 rgb(241,137,50)
```
#f39444
```
#f39444 rgb(243,148,68)
```
#f49e57
```
#f49e57 rgb(244,158,87)
```
#f5a969
```
#f5a969 rgb(245,169,105)
```
#f6b47b
```
#f6b47b rgb(246,180,123)
```
#f7be8e
```
#f7be8e rgb(247,190,142)
```
#f9c9a0
```
#f9c9a0 rgb(249,201,160)
```
#fad3b3
```
#fad3b3 rgb(250,211,179)
```
#fbdec5
```
#fbdec5 rgb(251,222,197)
```
#fce8d7
```
#fce8d7 rgb(252,232,215)
```
#fef3ea
```
#fef3ea rgb(254,243,234)
```
#fffdfc
```
#fffdfc rgb(255,253,252)
```

Tint Color Variation

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

#b1afad
```
#b1afad rgb(177,175,173)
```
#b7aea7
```
#b7aea7 rgb(183,174,167)
```
#beaea0
```
#beaea0 rgb(190,174,160)
```
#c4ad9a
```
#c4ad9a rgb(196,173,154)
```
#caad94
```
#caad94 rgb(202,173,148)
```
#d0ac8e
```
#d0ac8e rgb(208,172,142)
```
#d6ac88
```
#d6ac88 rgb(214,172,136)
```
#dcab82
```
#dcab82 rgb(220,171,130)
```
#e3ab7b
```
#e3ab7b rgb(227,171,123)
```
#e9aa75
```
#e9aa75 rgb(233,170,117)
```
#efaa6f
```
#efaa6f rgb(239,170,111)
```
#f5a969
```
#f5a969 rgb(245,169,105)
```
#fba863
```
#fba863 rgb(251,168,99)
```

Tone Color Variation

Below, you can see how #f5a969 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
#c4b5a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cebd76 Protanopia 1% of men
#e4b46e Deuteranopia 1% of men
#faa5b0 Tritanopia 0.001% of the population

Trichromacy

#dcb571 Protanomaly 1% of men, 0.01% of women
#eab06c Deuteranomaly 6% of men, 0.4% of women
#f8a696 Tritanomaly 0.01% of the population

#f5a969 hex color

#f5a969 Color Information

#f5a969 Color Conversion

Color Schemes with #f5a969

Alternatives to #f5a969

#f5a969 Preview

Shades and Tints of #f5a969

Tones of #f5a969

Color Blindness Simulator