#f1a214 hex color

In a RGB color space, hex #f1a214 is composed of 94.5% red, 63.5% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.8% magenta, 91.7% yellow and 5.5% black. It has a hue angle of 38.6 degrees, a saturation of 88.8% and a lightness of 51.2%. #f1a214 color hex could be obtained by blending #ffff28 with #e34500. Closest websafe color is: #ff9900.

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

● #f1a214 color description : Vivid orange.

The hexadecimal color #f1a214 has RGB values of R:241, G:162, B:20 and CMYK values of C:0, M:0.33, Y:0.92, K:0.05. Its decimal value is 15835668.

Hex triplet	f1a214	`#f1a214`
RGB Decimal	241, 162, 20	`rgb(241,162,20)`
RGB Percent	94.5, 63.5, 7.8	`rgb(94.5%,63.5%,7.8%)`
CMYK	0, 33, 92, 5
HSL	38.6°, 88.8, 51.2	`hsl(38.6,88.8%,51.2%)`
HSV (or HSB)	38.6°, 91.7, 94.5
Web Safe	ff9900	`#ff9900`

CIE-LAB	72.625, 19.796, 73.953
XYZ	49.324, 44.595, 6.672
xyY	0.49, 0.443, 44.595
CIE-LCH	72.625, 76.556, 75.014
CIE-LUV	72.625, 65.521, 71.102
Hunter-Lab	66.78, 14.976, 40.822
Binary	11110001, 10100010, 00010100

#f1a214
```
#f1a214 rgb(241,162,20)
```
#1463f1
```
#1463f1 rgb(20,99,241)
```

Complementary Color

#f13414
```
#f13414 rgb(241,52,20)
```
#f1a214
```
#f1a214 rgb(241,162,20)
```
#d2f114
```
#d2f114 rgb(210,241,20)
```

Analogous Color

#3314f1
```
#3314f1 rgb(51,20,241)
```
#f1a214
```
#f1a214 rgb(241,162,20)
```
#14d2f1
```
#14d2f1 rgb(20,210,241)
```

Split Complementary Color

#a214f1
```
#a214f1 rgb(162,20,241)
```
#f1a214
```
#f1a214 rgb(241,162,20)
```
#14f1a2
```
#14f1a2 rgb(20,241,162)
```

Triadic Color

#f11463
```
#f11463 rgb(241,20,99)
```
#f1a214
```
#f1a214 rgb(241,162,20)
```
#14f1a2
```
#14f1a2 rgb(20,241,162)
```
#1463f1
```
#1463f1 rgb(20,99,241)
```

Tetradic Color

#ae740a
```
#ae740a rgb(174,116,10)
```
#c6840c
```
#c6840c rgb(198,132,12)
```
#de940d
```
#de940d rgb(222,148,13)
```
#f1a214
```
#f1a214 rgb(241,162,20)
```
#f2ac2c
```
#f2ac2c rgb(242,172,44)
```
#f4b544
```
#f4b544 rgb(244,181,68)
```
#f5bf5c
```
#f5bf5c rgb(245,191,92)
```

Monochromatic Color

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

#f16b14
```
#f16b14 rgb(241,107,20)
```
#f17d14
```
#f17d14 rgb(241,125,20)
```
#f19014
```
#f19014 rgb(241,144,20)
```
#f1a214
```
#f1a214 rgb(241,162,20)
```
#f1b414
```
#f1b414 rgb(241,180,20)
```
#f1c714
```
#f1c714 rgb(241,199,20)
```
#f1d914
```
#f1d914 rgb(241,217,20)
```

Similar Colors

Text with hexadecimal color #f1a214

This text has a font color of #f1a214.

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

#f1a214 background color

This paragraph has a background color of #f1a214.

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

#f1a214 border color

This element has a border color of #f1a214.

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

CSS codes

.text {color:#f1a214;}

.background {background-color:#f1a214;}

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

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

#060400
```
#060400 rgb(6,4,0)
```
#181001
```
#181001 rgb(24,16,1)
```
#2b1c03
```
#2b1c03 rgb(43,28,3)
```
#3d2904
```
#3d2904 rgb(61,41,4)
```
#503505
```
#503505 rgb(80,53,5)
```
#624106
```
#624106 rgb(98,65,6)
```
#754d07
```
#754d07 rgb(117,77,7)
```
#875a08
```
#875a08 rgb(135,90,8)
```
#9a6609
```
#9a6609 rgb(154,102,9)
```
#ac720a
```
#ac720a rgb(172,114,10)
```
#bf7f0b
```
#bf7f0b rgb(191,127,11)
```
#d18b0c
```
#d18b0c rgb(209,139,12)
```
#e4970e
```
#e4970e rgb(228,151,14)
```

Shade Color Variation

#f1a214
```
#f1a214 rgb(241,162,20)
```
#f2a927
```
#f2a927 rgb(242,169,39)
```
#f3b139
```
#f3b139 rgb(243,177,57)
```
#f4b84c
```
#f4b84c rgb(244,184,76)
```
#f5bf5e
```
#f5bf5e rgb(245,191,94)
```
#f7c771
```
#f7c771 rgb(247,199,113)
```
#f8ce83
```
#f8ce83 rgb(248,206,131)
```
#f9d596
```
#f9d596 rgb(249,213,150)
```
#fadda8
```
#fadda8 rgb(250,221,168)
```
#fbe4bb
```
#fbe4bb rgb(251,228,187)
```
#fcebcd
```
#fcebcd rgb(252,235,205)
```
#fdf3e0
```
#fdf3e0 rgb(253,243,224)
```
#fefaf2
```
#fefaf2 rgb(254,250,242)
```

Tint Color Variation

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

#88847d
```
#88847d rgb(136,132,125)
```
#918774
```
#918774 rgb(145,135,116)
```
#9b896a
```
#9b896a rgb(155,137,106)
```
#a48c61
```
#a48c61 rgb(164,140,97)
```
#ae8f57
```
#ae8f57 rgb(174,143,87)
```
#b8924d
```
#b8924d rgb(184,146,77)
```
#c19444
```
#c19444 rgb(193,148,68)
```
#cb973a
```
#cb973a rgb(203,151,58)
```
#d49a31
```
#d49a31 rgb(212,154,49)
```
#de9d27
```
#de9d27 rgb(222,157,39)
```
#e79f1e
```
#e79f1e rgb(231,159,30)
```
#f1a214
```
#f1a214 rgb(241,162,20)
```
#fba50a
```
#fba50a rgb(251,165,10)
```

Tone Color Variation

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

Dichromacy

#ccb624 Protanopia 1% of men
#e3ad18 Deuteranopia 1% of men
#f89ba6 Tritanopia 0.001% of the population

Trichromacy

#d9af1e Protanomaly 1% of men, 0.01% of women
#e8a917 Deuteranomaly 6% of men, 0.4% of women
#f59e71 Tritanomaly 0.01% of the population

#f1a214 hex color

#f1a214 Color Information

#f1a214 Color Conversion

Color Schemes with #f1a214

Alternatives to #f1a214

#f1a214 Preview

Shades and Tints of #f1a214

Tones of #f1a214

Color Blindness Simulator