#f5a974 hex color

In a RGB color space, hex #f5a974 is composed of 96.1% red, 66.3% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31% magenta, 52.7% yellow and 3.9% black. It has a hue angle of 24.7 degrees, a saturation of 86.6% and a lightness of 70.8%. #f5a974 color hex could be obtained by blending #ffffe8 with #eb5300. Closest websafe color is: #ff9966.

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

● #f5a974 color description : Soft orange.

The hexadecimal color #f5a974 has RGB values of R:245, G:169, B:116 and CMYK values of C:0, M:0.31, Y:0.53, K:0.04. Its decimal value is 16099700.

Hex triplet	f5a974	`#f5a974`
RGB Decimal	245, 169, 116	`rgb(245,169,116)`
RGB Percent	96.1, 66.3, 45.5	`rgb(96.1%,66.3%,45.5%)`
CMYK	0, 31, 53, 4
HSL	24.7°, 86.6, 70.8	`hsl(24.7,86.6%,70.8%)`
HSV (or HSB)	24.7°, 52.7, 96.1
Web Safe	ff9966	`#ff9966`

CIE-LAB	75.484, 22.322, 38.459
XYZ	54.997, 49.053, 23.094
xyY	0.433, 0.386, 49.053
CIE-LCH	75.484, 44.467, 59.869
CIE-LUV	75.484, 56.858, 44.124
Hunter-Lab	70.038, 17.602, 29.477
Binary	11110101, 10101001, 01110100

#f5a974
```
#f5a974 rgb(245,169,116)
```
#74c0f5
```
#74c0f5 rgb(116,192,245)
```

Complementary Color

#f57480
```
#f57480 rgb(245,116,128)
```
#f5a974
```
#f5a974 rgb(245,169,116)
```
#f5ea74
```
#f5ea74 rgb(245,234,116)
```

Analogous Color

#7480f5
```
#7480f5 rgb(116,128,245)
```
#f5a974
```
#f5a974 rgb(245,169,116)
```
#74f5ea
```
#74f5ea rgb(116,245,234)
```

Split Complementary Color

#a974f5
```
#a974f5 rgb(169,116,245)
```
#f5a974
```
#f5a974 rgb(245,169,116)
```
#74f5a9
```
#74f5a9 rgb(116,245,169)
```

Triadic Color

#f574c0
```
#f574c0 rgb(245,116,192)
```
#f5a974
```
#f5a974 rgb(245,169,116)
```
#74f5a9
```
#74f5a9 rgb(116,245,169)
```
#74c0f5
```
#74c0f5 rgb(116,192,245)
```

Tetradic Color

#f07d2d
```
#f07d2d rgb(240,125,45)
```
#f28c44
```
#f28c44 rgb(242,140,68)
```
#f39a5c
```
#f39a5c rgb(243,154,92)
```
#f5a974
```
#f5a974 rgb(245,169,116)
```
#f7b88c
```
#f7b88c rgb(247,184,140)
```
#f8c6a4
```
#f8c6a4 rgb(248,198,164)
```
#fad5bb
```
#fad5bb rgb(250,213,187)
```

Monochromatic Color

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

#f58974
```
#f58974 rgb(245,137,116)
```
#f59474
```
#f59474 rgb(245,148,116)
```
#f59e74
```
#f59e74 rgb(245,158,116)
```
#f5a974
```
#f5a974 rgb(245,169,116)
```
#f5b474
```
#f5b474 rgb(245,180,116)
```
#f5bf74
```
#f5bf74 rgb(245,191,116)
```
#f5c974
```
#f5c974 rgb(245,201,116)
```

Similar Colors

Text with hexadecimal color #f5a974

This text has a font color of #f5a974.

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

#f5a974 background color

This paragraph has a background color of #f5a974.

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

#f5a974 border color

This element has a border color of #f5a974.

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

CSS codes

.text {color:#f5a974;}

.background {background-color:#f5a974;}

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

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

#070301
```
#070301 rgb(7,3,1)
```
#1a0c02
```
#1a0c02 rgb(26,12,2)
```
#2c1403
```
#2c1403 rgb(44,20,3)
```
#3e1c04
```
#3e1c04 rgb(62,28,4)
```
#512506
```
#512506 rgb(81,37,6)
```
#632d07
```
#632d07 rgb(99,45,7)
```
#753508
```
#753508 rgb(117,53,8)
```
#873d0a
```
#873d0a rgb(135,61,10)
```
#9a460b
```
#9a460b rgb(154,70,11)
```
#ac4e0c
```
#ac4e0c rgb(172,78,12)
```
#be560e
```
#be560e rgb(190,86,14)
```
#d15f0f
```
#d15f0f rgb(209,95,15)
```
#e36710
```
#e36710 rgb(227,103,16)
```

Shade Color Variation

#ee7019
```
#ee7019 rgb(238,112,25)
```
#f07c2b
```
#f07c2b rgb(240,124,43)
```
#f1873d
```
#f1873d rgb(241,135,61)
```
#f2924f
```
#f2924f rgb(242,146,79)
```
#f49e62
```
#f49e62 rgb(244,158,98)
```
#f5a974
```
#f5a974 rgb(245,169,116)
```
#f6b486
```
#f6b486 rgb(246,180,134)
```
#f8c099
```
#f8c099 rgb(248,192,153)
```
#f9cbab
```
#f9cbab rgb(249,203,171)
```
#fad6bd
```
#fad6bd rgb(250,214,189)
```
#fce2cf
```
#fce2cf rgb(252,226,207)
```
#fdede2
```
#fdede2 rgb(253,237,226)
```
#fef8f4
```
#fef8f4 rgb(254,248,244)
```

Tint Color Variation

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

#b6b4b3
```
#b6b4b3 rgb(182,180,179)
```
#bcb3ad
```
#bcb3ad rgb(188,179,173)
```
#c1b2a8
```
#c1b2a8 rgb(193,178,168)
```
#c7b1a2
```
#c7b1a2 rgb(199,177,162)
```
#cdb09c
```
#cdb09c rgb(205,176,156)
```
#d3af96
```
#d3af96 rgb(211,175,150)
```
#d8ae91
```
#d8ae91 rgb(216,174,145)
```
#dead8b
```
#dead8b rgb(222,173,139)
```
#e4ac85
```
#e4ac85 rgb(228,172,133)
```
#eaab7f
```
#eaab7f rgb(234,171,127)
```
#efaa7a
```
#efaa7a rgb(239,170,122)
```
#f5a974
```
#f5a974 rgb(245,169,116)
```
#fba86e
```
#fba86e rgb(251,168,110)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#c6b7ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdbd81 Protanopia 1% of men
#e3b578 Deuteranopia 1% of men
#faa6b1 Tritanopia 0.001% of the population

Trichromacy

#dbb57c Protanomaly 1% of men, 0.01% of women
#e9b177 Deuteranomaly 6% of men, 0.4% of women
#f8a79b Tritanomaly 0.01% of the population

#f5a974 hex color

#f5a974 Color Information

#f5a974 Color Conversion

Color Schemes with #f5a974

Alternatives to #f5a974

#f5a974 Preview

Shades and Tints of #f5a974

Tones of #f5a974

Color Blindness Simulator