#f1a949 hex color

In a RGB color space, hex #f1a949 is composed of 94.5% red, 66.3% green and 28.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.9% magenta, 69.7% yellow and 5.5% black. It has a hue angle of 34.3 degrees, a saturation of 85.7% and a lightness of 61.6%. #f1a949 color hex could be obtained by blending #ffff92 with #e35300. Closest websafe color is: #ff9933.

♥
- f
- t
- g
- R 95
- G 66
- B 29
RGB color chart
- C 0
- M 30
- Y 70
- K 5
CMYK color chart

● #f1a949 color description : Soft orange.

The hexadecimal color #f1a949 has RGB values of R:241, G:169, B:73 and CMYK values of C:0, M:0.3, Y:0.7, K:0.05. Its decimal value is 15837513.

Hex triplet	f1a949	`#f1a949`
RGB Decimal	241, 169, 73	`rgb(241,169,73)`
RGB Percent	94.5, 66.3, 28.6	`rgb(94.5%,66.3%,28.6%)`
CMYK	0, 30, 70, 5
HSL	34.3°, 85.7, 61.6	`hsl(34.3,85.7%,61.6%)`
HSV (or HSB)	34.3°, 69.7, 94.5
Web Safe	ff9933	`#ff9933`

CIE-LAB	74.547, 17.775, 58.238
XYZ	51.667, 47.561, 12.762
xyY	0.461, 0.425, 47.561
CIE-LCH	74.547, 60.891, 73.027
CIE-LUV	74.547, 57.579, 62.49
Hunter-Lab	68.964, 13.042, 37.303
Binary	11110001, 10101001, 01001001

#f1a949
```
#f1a949 rgb(241,169,73)
```
#4991f1
```
#4991f1 rgb(73,145,241)
```

Complementary Color

#f15549
```
#f15549 rgb(241,85,73)
```
#f1a949
```
#f1a949 rgb(241,169,73)
```
#e5f149
```
#e5f149 rgb(229,241,73)
```

Analogous Color

#5549f1
```
#5549f1 rgb(85,73,241)
```
#f1a949
```
#f1a949 rgb(241,169,73)
```
#49e5f1
```
#49e5f1 rgb(73,229,241)
```

Split Complementary Color

#a949f1
```
#a949f1 rgb(169,73,241)
```
#f1a949
```
#f1a949 rgb(241,169,73)
```
#49f1a9
```
#49f1a9 rgb(73,241,169)
```

Triadic Color

#f14991
```
#f14991 rgb(241,73,145)
```
#f1a949
```
#f1a949 rgb(241,169,73)
```
#49f1a9
```
#49f1a9 rgb(73,241,169)
```
#4991f1
```
#4991f1 rgb(73,145,241)
```

Tetradic Color

#dd8511
```
#dd8511 rgb(221,133,17)
```
#ed931a
```
#ed931a rgb(237,147,26)
```
#ef9e31
```
#ef9e31 rgb(239,158,49)
```
#f1a949
```
#f1a949 rgb(241,169,73)
```
#f3b461
```
#f3b461 rgb(243,180,97)
```
#f5bf78
```
#f5bf78 rgb(245,191,120)
```
#f6cb90
```
#f6cb90 rgb(246,203,144)
```

Monochromatic Color

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

#f17f49
```
#f17f49 rgb(241,127,73)
```
#f18d49
```
#f18d49 rgb(241,141,73)
```
#f19b49
```
#f19b49 rgb(241,155,73)
```
#f1a949
```
#f1a949 rgb(241,169,73)
```
#f1b749
```
#f1b749 rgb(241,183,73)
```
#f1c549
```
#f1c549 rgb(241,197,73)
```
#f1d349
```
#f1d349 rgb(241,211,73)
```

Similar Colors

Text with hexadecimal color #f1a949

This text has a font color of #f1a949.

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

#f1a949 background color

This paragraph has a background color of #f1a949.

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

#f1a949 border color

This element has a border color of #f1a949.

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

CSS codes

.text {color:#f1a949;}

.background {background-color:#f1a949;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#120b01
```
#120b01 rgb(18,11,1)
```
#251603
```
#251603 rgb(37,22,3)
```
#372104
```
#372104 rgb(55,33,4)
```
#492c06
```
#492c06 rgb(73,44,6)
```
#5b3707
```
#5b3707 rgb(91,55,7)
```
#6d4208
```
#6d4208 rgb(109,66,8)
```
#804d0a
```
#804d0a rgb(128,77,10)
```
#92580b
```
#92580b rgb(146,88,11)
```
#a4630d
```
#a4630d rgb(164,99,13)
```
#b66e0e
```
#b66e0e rgb(182,110,14)
```
#c9790f
```
#c9790f rgb(201,121,15)
```
#db8411
```
#db8411 rgb(219,132,17)
```

Shade Color Variation

#ed8f12
```
#ed8f12 rgb(237,143,18)
```
#ee9825
```
#ee9825 rgb(238,152,37)
```
#f0a037
```
#f0a037 rgb(240,160,55)
```
#f1a949
```
#f1a949 rgb(241,169,73)
```
#f2b25b
```
#f2b25b rgb(242,178,91)
```
#f4ba6d
```
#f4ba6d rgb(244,186,109)
```
#f5c380
```
#f5c380 rgb(245,195,128)
```
#f7cb92
```
#f7cb92 rgb(247,203,146)
```
#f8d4a4
```
#f8d4a4 rgb(248,212,164)
```
#f9ddb6
```
#f9ddb6 rgb(249,221,182)
```
#fbe5c9
```
#fbe5c9 rgb(251,229,201)
```
#fceedb
```
#fceedb rgb(252,238,219)
```
#fef6ed
```
#fef6ed rgb(254,246,237)
```

Tint Color Variation

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

#9e9d9c
```
#9e9d9c rgb(158,157,156)
```
#a69e94
```
#a69e94 rgb(166,158,148)
```
#ad9f8d
```
#ad9f8d rgb(173,159,141)
```
#b5a085
```
#b5a085 rgb(181,160,133)
```
#bca17e
```
#bca17e rgb(188,161,126)
```
#c4a376
```
#c4a376 rgb(196,163,118)
```
#cba46f
```
#cba46f rgb(203,164,111)
```
#d3a567
```
#d3a567 rgb(211,165,103)
```
#daa660
```
#daa660 rgb(218,166,96)
```
#e2a758
```
#e2a758 rgb(226,167,88)
```
#e9a851
```
#e9a851 rgb(233,168,81)
```
#f1a949
```
#f1a949 rgb(241,169,73)
```
#f9aa41
```
#f9aa41 rgb(249,170,65)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#c0b29f Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfbb56 Protanopia 1% of men
#e6b250 Deuteranopia 1% of men
#f8a3ae Tritanopia 0.001% of the population

Trichromacy

#dbb451 Protanomaly 1% of men, 0.01% of women
#eaaf4d Deuteranomaly 6% of men, 0.4% of women
#f5a589 Tritanomaly 0.01% of the population

#f1a949 hex color

#f1a949 Color Information

#f1a949 Color Conversion

Color Schemes with #f1a949

Alternatives to #f1a949

#f1a949 Preview

Shades and Tints of #f1a949

Tones of #f1a949

Color Blindness Simulator