#f1b314 hex color

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

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

● #f1b314 color description : Vivid orange.

The hexadecimal color #f1b314 has RGB values of R:241, G:179, B:20 and CMYK values of C:0, M:0.26, Y:0.92, K:0.05. Its decimal value is 15840020.

Hex triplet	f1b314	`#f1b314`
RGB Decimal	241, 179, 20	`rgb(241,179,20)`
RGB Percent	94.5, 70.2, 7.8	`rgb(94.5%,70.2%,7.8%)`
CMYK	0, 26, 92, 5
HSL	43.2°, 88.8, 51.2	`hsl(43.2,88.8%,51.2%)`
HSV (or HSB)	43.2°, 91.7, 94.5
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	76.676, 10.841, 76.942
XYZ	52.523, 50.995, 7.738
xyY	0.472, 0.458, 50.995
CIE-LCH	76.676, 77.702, 81.98
CIE-LUV	76.676, 51.908, 77.357
Hunter-Lab	71.41, 6.32, 43.562
Binary	11110001, 10110011, 00010100

#f1b314
```
#f1b314 rgb(241,179,20)
```
#1452f1
```
#1452f1 rgb(20,82,241)
```

Complementary Color

#f14514
```
#f14514 rgb(241,69,20)
```
#f1b314
```
#f1b314 rgb(241,179,20)
```
#c1f114
```
#c1f114 rgb(193,241,20)
```

Analogous Color

#4514f1
```
#4514f1 rgb(69,20,241)
```
#f1b314
```
#f1b314 rgb(241,179,20)
```
#14c1f1
```
#14c1f1 rgb(20,193,241)
```

Split Complementary Color

#b314f1
```
#b314f1 rgb(179,20,241)
```
#f1b314
```
#f1b314 rgb(241,179,20)
```
#14f1b3
```
#14f1b3 rgb(20,241,179)
```

Triadic Color

#f11452
```
#f11452 rgb(241,20,82)
```
#f1b314
```
#f1b314 rgb(241,179,20)
```
#14f1b3
```
#14f1b3 rgb(20,241,179)
```
#1452f1
```
#1452f1 rgb(20,82,241)
```

Tetradic Color

#ae800a
```
#ae800a rgb(174,128,10)
```
#c6920c
```
#c6920c rgb(198,146,12)
```
#dea40d
```
#dea40d rgb(222,164,13)
```
#f1b314
```
#f1b314 rgb(241,179,20)
```
#f2bb2c
```
#f2bb2c rgb(242,187,44)
```
#f4c344
```
#f4c344 rgb(244,195,68)
```
#f5ca5c
```
#f5ca5c rgb(245,202,92)
```

Monochromatic Color

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

#f17c14
```
#f17c14 rgb(241,124,20)
```
#f18e14
```
#f18e14 rgb(241,142,20)
```
#f1a114
```
#f1a114 rgb(241,161,20)
```
#f1b314
```
#f1b314 rgb(241,179,20)
```
#f1c514
```
#f1c514 rgb(241,197,20)
```
#f1d814
```
#f1d814 rgb(241,216,20)
```
#f1ea14
```
#f1ea14 rgb(241,234,20)
```

Similar Colors

Text with hexadecimal color #f1b314

This text has a font color of #f1b314.

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

#f1b314 background color

This paragraph has a background color of #f1b314.

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

#f1b314 border color

This element has a border color of #f1b314.

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

CSS codes

.text {color:#f1b314;}

.background {background-color:#f1b314;}

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

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

#060400
```
#060400 rgb(6,4,0)
```
#181201
```
#181201 rgb(24,18,1)
```
#2b1f03
```
#2b1f03 rgb(43,31,3)
```
#3d2d04
```
#3d2d04 rgb(61,45,4)
```
#503b05
```
#503b05 rgb(80,59,5)
```
#624806
```
#624806 rgb(98,72,6)
```
#755607
```
#755607 rgb(117,86,7)
```
#876408
```
#876408 rgb(135,100,8)
```
#9a7109
```
#9a7109 rgb(154,113,9)
```
#ac7f0a
```
#ac7f0a rgb(172,127,10)
```
#bf8c0b
```
#bf8c0b rgb(191,140,11)
```
#d19a0c
```
#d19a0c rgb(209,154,12)
```
#e4a80e
```
#e4a80e rgb(228,168,14)
```

Shade Color Variation

#f1b314
```
#f1b314 rgb(241,179,20)
```
#f2b927
```
#f2b927 rgb(242,185,39)
```
#f3bf39
```
#f3bf39 rgb(243,191,57)
```
#f4c54c
```
#f4c54c rgb(244,197,76)
```
#f5cb5e
```
#f5cb5e rgb(245,203,94)
```
#f7d171
```
#f7d171 rgb(247,209,113)
```
#f8d783
```
#f8d783 rgb(248,215,131)
```
#f9dd96
```
#f9dd96 rgb(249,221,150)
```
#fae3a8
```
#fae3a8 rgb(250,227,168)
```
#fbe9bb
```
#fbe9bb rgb(251,233,187)
```
#fcefcd
```
#fcefcd rgb(252,239,205)
```
#fdf5e0
```
#fdf5e0 rgb(253,245,224)
```
#fefbf2
```
#fefbf2 rgb(254,251,242)
```

Tint Color Variation

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

#88857d
```
#88857d rgb(136,133,125)
```
#918974
```
#918974 rgb(145,137,116)
```
#9b8d6a
```
#9b8d6a rgb(155,141,106)
```
#a49161
```
#a49161 rgb(164,145,97)
```
#ae9657
```
#ae9657 rgb(174,150,87)
```
#b89a4d
```
#b89a4d rgb(184,154,77)
```
#c19e44
```
#c19e44 rgb(193,158,68)
```
#cba23a
```
#cba23a rgb(203,162,58)
```
#d4a631
```
#d4a631 rgb(212,166,49)
```
#deab27
```
#deab27 rgb(222,171,39)
```
#e7af1e
```
#e7af1e rgb(231,175,30)
```
#f1b314
```
#f1b314 rgb(241,179,20)
```
#fbb70a
```
#fbb70a rgb(251,183,10)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#bfb393 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7c123 Protanopia 1% of men
#f0b71f Deuteranopia 1% of men
#faaab6 Tritanopia 0.001% of the population

Trichromacy

#e1bb1d Protanomaly 1% of men, 0.01% of women
#f0b51b Deuteranomaly 6% of men, 0.4% of women
#f6ad7b Tritanomaly 0.01% of the population

#f1b314 hex color

#f1b314 Color Information

#f1b314 Color Conversion

Color Schemes with #f1b314

Alternatives to #f1b314

#f1b314 Preview

Shades and Tints of #f1b314

Tones of #f1b314

Color Blindness Simulator