colorhexa.com

#f1a514 hex color

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

- R 95
- G 65
- B 8
RGB color chart
- C 0
- M 32
- Y 92
- K 5
CMYK color chart

● #f1a514 color description : Vivid orange.

The hexadecimal color #f1a514 has RGB values of R:241, G:165, B:20 and CMYK values of C:0, M:0.32, Y:0.92, K:0.05. Its decimal value is 15836436.

Hex triplet	f1a514	`#f1a514`
RGB Decimal	241, 165, 20	`rgb(241,165,20)`
RGB Percent	94.5, 64.7, 7.8	`rgb(94.5%,64.7%,7.8%)`
CMYK	0, 32, 92, 5
HSL	39.4°, 88.8, 51.2	`hsl(39.4,88.8%,51.2%)`
HSV (or HSB)	39.4°, 91.7, 94.5
Web Safe	ff9900	`#ff9900`

CIE-LAB	73.328, 18.213, 74.468
XYZ	49.858, 45.665, 6.85
xyY	0.487, 0.446, 45.665
CIE-LCH	73.328, 76.663, 76.257
CIE-LUV	73.328, 63.083, 72.198
Hunter-Lab	67.576, 13.442, 41.293
Binary	11110001, 10100101, 00010100

#f1a514
```
#f1a514 rgb(241,165,20)
```
#1460f1
```
#1460f1 rgb(20,96,241)
```

Complementary Color

#f13714
```
#f13714 rgb(241,55,20)
```
#f1a514
```
#f1a514 rgb(241,165,20)
```
#cff114
```
#cff114 rgb(207,241,20)
```

Analogous Color

#3714f1
```
#3714f1 rgb(55,20,241)
```
#f1a514
```
#f1a514 rgb(241,165,20)
```
#14cff1
```
#14cff1 rgb(20,207,241)
```

Split Complementary Color

#a514f1
```
#a514f1 rgb(165,20,241)
```
#f1a514
```
#f1a514 rgb(241,165,20)
```
#14f1a5
```
#14f1a5 rgb(20,241,165)
```

Triadic Color

#f11460
```
#f11460 rgb(241,20,96)
```
#f1a514
```
#f1a514 rgb(241,165,20)
```
#14f1a5
```
#14f1a5 rgb(20,241,165)
```
#1460f1
```
#1460f1 rgb(20,96,241)
```

Tetradic Color

#ae760a
```
#ae760a rgb(174,118,10)
```
#c6860c
```
#c6860c rgb(198,134,12)
```
#de960d
```
#de960d rgb(222,150,13)
```
#f1a514
```
#f1a514 rgb(241,165,20)
```
#f2ae2c
```
#f2ae2c rgb(242,174,44)
```
#f4b744
```
#f4b744 rgb(244,183,68)
```
#f5c15c
```
#f5c15c rgb(245,193,92)
```

Monochromatic Color

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

#f16e14
```
#f16e14 rgb(241,110,20)
```
#f18014
```
#f18014 rgb(241,128,20)
```
#f19314
```
#f19314 rgb(241,147,20)
```
#f1a514
```
#f1a514 rgb(241,165,20)
```
#f1b714
```
#f1b714 rgb(241,183,20)
```
#f1ca14
```
#f1ca14 rgb(241,202,20)
```
#f1dc14
```
#f1dc14 rgb(241,220,20)
```

Similar Colors

Text with hexadecimal color #f1a514

This text has a font color of #f1a514.

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

#f1a514 background color

This paragraph has a background color of #f1a514.

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

#f1a514 border color

This element has a border color of #f1a514.

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

CSS codes

.text {color:#f1a514;}

.background {background-color:#f1a514;}

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

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)
```
#2b1d03
```
#2b1d03 rgb(43,29,3)
```
#3d2904
```
#3d2904 rgb(61,41,4)
```
#503605
```
#503605 rgb(80,54,5)
```
#624206
```
#624206 rgb(98,66,6)
```
#754f07
```
#754f07 rgb(117,79,7)
```
#875c08
```
#875c08 rgb(135,92,8)
```
#9a6809
```
#9a6809 rgb(154,104,9)
```
#ac750a
```
#ac750a rgb(172,117,10)
```
#bf810b
```
#bf810b rgb(191,129,11)
```
#d18e0c
```
#d18e0c rgb(209,142,12)
```
#e49a0e
```
#e49a0e rgb(228,154,14)
```

Shade Color Variation

#f1a514
```
#f1a514 rgb(241,165,20)
```
#f2ac27
```
#f2ac27 rgb(242,172,39)
```
#f3b339
```
#f3b339 rgb(243,179,57)
```
#f4ba4c
```
#f4ba4c rgb(244,186,76)
```
#f5c15e
```
#f5c15e rgb(245,193,94)
```
#f7c871
```
#f7c871 rgb(247,200,113)
```
#f8d083
```
#f8d083 rgb(248,208,131)
```
#f9d796
```
#f9d796 rgb(249,215,150)
```
#fadea8
```
#fadea8 rgb(250,222,168)
```
#fbe5bb
```
#fbe5bb rgb(251,229,187)
```
#fceccd
```
#fceccd rgb(252,236,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 #fba80a is the most saturated one.

#88847d
```
#88847d rgb(136,132,125)
```
#918774
```
#918774 rgb(145,135,116)
```
#9b8a6a
```
#9b8a6a rgb(155,138,106)
```
#a48d61
```
#a48d61 rgb(164,141,97)
```
#ae9057
```
#ae9057 rgb(174,144,87)
```
#b8934d
```
#b8934d rgb(184,147,77)
```
#c19644
```
#c19644 rgb(193,150,68)
```
#cb993a
```
#cb993a rgb(203,153,58)
```
#d49c31
```
#d49c31 rgb(212,156,49)
```
#de9f27
```
#de9f27 rgb(222,159,39)
```
#e7a21e
```
#e7a21e rgb(231,162,30)
```
#f1a514
```
#f1a514 rgb(241,165,20)
```
#fba80a
```
#fba80a rgb(251,168,10)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#b9aa8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#ceb824 Protanopia 1% of men
#e6af1a Deuteranopia 1% of men
#f89ea9 Tritanopia 0.001% of the population

Trichromacy

#dab11e Protanomaly 1% of men, 0.01% of women
#eaab17 Deuteranomaly 6% of men, 0.4% of women
#f6a073 Tritanomaly 0.01% of the population