#f1a20e hex color

In a RGB color space, hex #f1a20e is composed of 94.5% red, 63.5% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.8% magenta, 94.2% yellow and 5.5% black. It has a hue angle of 39.1 degrees, a saturation of 89% and a lightness of 50%. #f1a20e color hex could be obtained by blending #ffff1c with #e34500. Closest websafe color is: #ff9900.

♥
- f
- t
- g
- R 95
- G 64
- B 5
RGB color chart
- C 0
- M 33
- Y 94
- K 5
CMYK color chart

● #f1a20e color description : Vivid orange.

The hexadecimal color #f1a20e has RGB values of R:241, G:162, B:14 and CMYK values of C:0, M:0.33, Y:0.94, K:0.05. Its decimal value is 15835662.

Hex triplet	f1a20e	`#f1a20e`
RGB Decimal	241, 162, 14	`rgb(241,162,14)`
RGB Percent	94.5, 63.5, 5.5	`rgb(94.5%,63.5%,5.5%)`
CMYK	0, 33, 94, 5
HSL	39.1°, 89, 50	`hsl(39.1,89%,50%)`
HSV (or HSB)	39.1°, 94.2, 94.5
Web Safe	ff9900	`#ff9900`

CIE-LAB	72.612, 19.722, 74.918
XYZ	49.277, 44.577, 6.424
xyY	0.491, 0.445, 44.577
CIE-LCH	72.612, 77.471, 75.252
CIE-LUV	72.612, 65.636, 71.62
Hunter-Lab	66.766, 14.902, 41.031
Binary	11110001, 10100010, 00001110

#f1a20e
```
#f1a20e rgb(241,162,14)
```
#0e5df1
```
#0e5df1 rgb(14,93,241)
```

Complementary Color

#f1310e
```
#f1310e rgb(241,49,14)
```
#f1a20e
```
#f1a20e rgb(241,162,14)
```
#cff10e
```
#cff10e rgb(207,241,14)
```

Analogous Color

#310ef1
```
#310ef1 rgb(49,14,241)
```
#f1a20e
```
#f1a20e rgb(241,162,14)
```
#0ecff1
```
#0ecff1 rgb(14,207,241)
```

Split Complementary Color

#a20ef1
```
#a20ef1 rgb(162,14,241)
```
#f1a20e
```
#f1a20e rgb(241,162,14)
```
#0ef1a2
```
#0ef1a2 rgb(14,241,162)
```

Triadic Color

#f10e5d
```
#f10e5d rgb(241,14,93)
```
#f1a20e
```
#f1a20e rgb(241,162,14)
```
#0ef1a2
```
#0ef1a2 rgb(14,241,162)
```
#0e5df1
```
#0e5df1 rgb(14,93,241)
```

Tetradic Color

#a9710a
```
#a9710a rgb(169,113,10)
```
#c1820b
```
#c1820b rgb(193,130,11)
```
#d9920d
```
#d9920d rgb(217,146,13)
```
#f1a20e
```
#f1a20e rgb(241,162,14)
```
#f2ab26
```
#f2ab26 rgb(242,171,38)
```
#f4b53e
```
#f4b53e rgb(244,181,62)
```
#f5be56
```
#f5be56 rgb(245,190,86)
```

Monochromatic Color

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

#f1690e
```
#f1690e rgb(241,105,14)
```
#f17c0e
```
#f17c0e rgb(241,124,14)
```
#f18f0e
```
#f18f0e rgb(241,143,14)
```
#f1a20e
```
#f1a20e rgb(241,162,14)
```
#f1b50e
```
#f1b50e rgb(241,181,14)
```
#f1c80e
```
#f1c80e rgb(241,200,14)
```
#f1db0e
```
#f1db0e rgb(241,219,14)
```

Similar Colors

Text with hexadecimal color #f1a20e

This text has a font color of #f1a20e.

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

#f1a20e background color

This paragraph has a background color of #f1a20e.

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

#f1a20e border color

This element has a border color of #f1a20e.

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

CSS codes

.text {color:#f1a20e;}

.background {background-color:#f1a20e;}

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

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, #130c01 is the darkest color, while #ffffff is the lightest one.

#130c01
```
#130c01 rgb(19,12,1)
```
#251902
```
#251902 rgb(37,25,2)
```
#382503
```
#382503 rgb(56,37,3)
```
#4a3204
```
#4a3204 rgb(74,50,4)
```
#5d3e05
```
#5d3e05 rgb(93,62,5)
```
#6f4b06
```
#6f4b06 rgb(111,75,6)
```
#825708
```
#825708 rgb(130,87,8)
```
#946409
```
#946409 rgb(148,100,9)
```
#a7700a
```
#a7700a rgb(167,112,10)
```
#b97d0b
```
#b97d0b rgb(185,125,11)
```
#cc890c
```
#cc890c rgb(204,137,12)
```
#de960d
```
#de960d rgb(222,150,13)
```
#f1a20e
```
#f1a20e rgb(241,162,14)
```

Shade Color Variation

#f2a921
```
#f2a921 rgb(242,169,33)
```
#f3b033
```
#f3b033 rgb(243,176,51)
```
#f4b746
```
#f4b746 rgb(244,183,70)
```
#f5bf58
```
#f5bf58 rgb(245,191,88)
```
#f6c66b
```
#f6c66b rgb(246,198,107)
```
#f7cd7d
```
#f7cd7d rgb(247,205,125)
```
#f9d490
```
#f9d490 rgb(249,212,144)
```
#fadba2
```
#fadba2 rgb(250,219,162)
```
#fbe2b5
```
#fbe2b5 rgb(251,226,181)
```
#fceac7
```
#fceac7 rgb(252,234,199)
```
#fdf1da
```
#fdf1da rgb(253,241,218)
```
#fef8ec
```
#fef8ec rgb(254,248,236)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#85817a
```
#85817a rgb(133,129,122)
```
#8f8470
```
#8f8470 rgb(143,132,112)
```
#998766
```
#998766 rgb(153,135,102)
```
#a38a5c
```
#a38a5c rgb(163,138,92)
```
#ac8d53
```
#ac8d53 rgb(172,141,83)
```
#b69049
```
#b69049 rgb(182,144,73)
```
#c0933f
```
#c0933f rgb(192,147,63)
```
#ca9635
```
#ca9635 rgb(202,150,53)
```
#d4992b
```
#d4992b rgb(212,153,43)
```
#dd9c22
```
#dd9c22 rgb(221,156,34)
```
#e79f18
```
#e79f18 rgb(231,159,24)
```
#f1a20e
```
#f1a20e rgb(241,162,14)
```
#fba504
```
#fba504 rgb(251,165,4)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#b7a88a Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccb61f Protanopia 1% of men
#e3ad0f Deuteranopia 1% of men
#f89ba6 Tritanopia 0.001% of the population

Trichromacy

#d9af19 Protanomaly 1% of men, 0.01% of women
#e8a90e Deuteranomaly 6% of men, 0.4% of women
#f59e6e Tritanomaly 0.01% of the population

#f1a20e hex color

#f1a20e Color Information

#f1a20e Color Conversion

Color Schemes with #f1a20e

Alternatives to #f1a20e

#f1a20e Preview

Shades and Tints of #f1a20e

Tones of #f1a20e

Color Blindness Simulator