#fba314 hex color

In a RGB color space, hex #fba314 is composed of 98.4% red, 63.9% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.1% magenta, 92% yellow and 1.6% black. It has a hue angle of 37.1 degrees, a saturation of 96.7% and a lightness of 53.1%. #fba314 color hex could be obtained by blending #ffff28 with #f74700. Closest websafe color is: #ff9900.

♥
- f
- t
- g
- R 98
- G 64
- B 8
RGB color chart
- C 0
- M 35
- Y 92
- K 2
CMYK color chart

● #fba314 color description : Vivid orange.

The hexadecimal color #fba314 has RGB values of R:251, G:163, B:20 and CMYK values of C:0, M:0.35, Y:0.92, K:0.02. Its decimal value is 16491284.

Hex triplet	fba314	`#fba314`
RGB Decimal	251, 163, 20	`rgb(251,163,20)`
RGB Percent	98.4, 63.9, 7.8	`rgb(98.4%,63.9%,7.8%)`
CMYK	0, 35, 92, 2
HSL	37.1°, 96.7, 53.1	`hsl(37.1,96.7%,53.1%)`
HSV (or HSB)	37.1°, 92, 98.4
Web Safe	ff9900	`#ff9900`

CIE-LAB	74.035, 23.485, 75.513
XYZ	53.009, 46.758, 6.895
xyY	0.497, 0.438, 46.758
CIE-LCH	74.035, 79.081, 72.724
CIE-LUV	74.035, 72.887, 71.813
Hunter-Lab	68.38, 18.71, 41.887
Binary	11111011, 10100011, 00010100

#fba314
```
#fba314 rgb(251,163,20)
```
#146cfb
```
#146cfb rgb(20,108,251)
```

Complementary Color

#fb3014
```
#fb3014 rgb(251,48,20)
```
#fba314
```
#fba314 rgb(251,163,20)
```
#e0fb14
```
#e0fb14 rgb(224,251,20)
```

Analogous Color

#3014fb
```
#3014fb rgb(48,20,251)
```
#fba314
```
#fba314 rgb(251,163,20)
```
#14e0fb
```
#14e0fb rgb(20,224,251)
```

Split Complementary Color

#a314fb
```
#a314fb rgb(163,20,251)
```
#fba314
```
#fba314 rgb(251,163,20)
```
#14fba3
```
#14fba3 rgb(20,251,163)
```

Triadic Color

#fb146c
```
#fb146c rgb(251,20,108)
```
#fba314
```
#fba314 rgb(251,163,20)
```
#14fba3
```
#14fba3 rgb(20,251,163)
```
#146cfb
```
#146cfb rgb(20,108,251)
```

Tetradic Color

#bf7803
```
#bf7803 rgb(191,120,3)
```
#d88704
```
#d88704 rgb(216,135,4)
```
#f19704
```
#f19704 rgb(241,151,4)
```
#fba314
```
#fba314 rgb(251,163,20)
```
#fbad2d
```
#fbad2d rgb(251,173,45)
```
#fcb746
```
#fcb746 rgb(252,183,70)
```
#fcc05f
```
#fcc05f rgb(252,192,95)
```

Monochromatic Color

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

#fb6914
```
#fb6914 rgb(251,105,20)
```
#fb7d14
```
#fb7d14 rgb(251,125,20)
```
#fb9014
```
#fb9014 rgb(251,144,20)
```
#fba314
```
#fba314 rgb(251,163,20)
```
#fbb614
```
#fbb614 rgb(251,182,20)
```
#fbca14
```
#fbca14 rgb(251,202,20)
```
#fbdd14
```
#fbdd14 rgb(251,221,20)
```

Similar Colors

Text with hexadecimal color #fba314

This text has a font color of #fba314.

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

#fba314 background color

This paragraph has a background color of #fba314.

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

#fba314 border color

This element has a border color of #fba314.

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

CSS codes

.text {color:#fba314;}

.background {background-color:#fba314;}

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

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, #100a00 is the darkest color, while #fffefb is the lightest one.

#100a00
```
#100a00 rgb(16,10,0)
```
#231601
```
#231601 rgb(35,22,1)
```
#362201
```
#362201 rgb(54,34,1)
```
#4a2e01
```
#4a2e01 rgb(74,46,1)
```
#5d3a02
```
#5d3a02 rgb(93,58,2)
```
#704602
```
#704602 rgb(112,70,2)
```
#835202
```
#835202 rgb(131,82,2)
```
#975e03
```
#975e03 rgb(151,94,3)
```
#aa6a03
```
#aa6a03 rgb(170,106,3)
```
#bd7603
```
#bd7603 rgb(189,118,3)
```
#d18204
```
#d18204 rgb(209,130,4)
```
#e48f04
```
#e48f04 rgb(228,143,4)
```
#f79b04
```
#f79b04 rgb(247,155,4)
```

Shade Color Variation

#fba314
```
#fba314 rgb(251,163,20)
```
#fbab27
```
#fbab27 rgb(251,171,39)
```
#fcb23b
```
#fcb23b rgb(252,178,59)
```
#fcba4e
```
#fcba4e rgb(252,186,78)
```
#fcc161
```
#fcc161 rgb(252,193,97)
```
#fdc974
```
#fdc974 rgb(253,201,116)
```
#fdd088
```
#fdd088 rgb(253,208,136)
```
#fdd89b
```
#fdd89b rgb(253,216,155)
```
#fedfae
```
#fedfae rgb(254,223,174)
```
#fee7c2
```
#fee7c2 rgb(254,231,194)
```
#feefd5
```
#feefd5 rgb(254,239,213)
```
#fff6e8
```
#fff6e8 rgb(255,246,232)
```
#fffefb
```
#fffefb rgb(255,254,251)
```

Tint Color Variation

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

#8d8982
```
#8d8982 rgb(141,137,130)
```
#968b79
```
#968b79 rgb(150,139,121)
```
#9f8d70
```
#9f8d70 rgb(159,141,112)
```
#a88f67
```
#a88f67 rgb(168,143,103)
```
#b1915e
```
#b1915e rgb(177,145,94)
```
#bb9454
```
#bb9454 rgb(187,148,84)
```
#c4964b
```
#c4964b rgb(196,150,75)
```
#cd9842
```
#cd9842 rgb(205,152,66)
```
#d69a39
```
#d69a39 rgb(214,154,57)
```
#df9c30
```
#df9c30 rgb(223,156,48)
```
#e99f26
```
#e99f26 rgb(233,159,38)
```
#f2a11d
```
#f2a11d rgb(242,161,29)
```
#fba314
```
#fba314 rgb(251,163,20)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#bdab8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0ba25 Protanopia 1% of men
#e8b014 Deuteranopia 1% of men
#ff9ea8 Tritanopia 0.001% of the population

Trichromacy

#dfb11f Protanomaly 1% of men, 0.01% of women
#efab14 Deuteranomaly 6% of men, 0.4% of women
#fda072 Tritanomaly 0.01% of the population

#fba314 hex color

#fba314 Color Information

#fba314 Color Conversion

Color Schemes with #fba314

Alternatives to #fba314

#fba314 Preview

Shades and Tints of #fba314

Tones of #fba314

Color Blindness Simulator