#fa942f hex color

In a RGB color space, hex #fa942f is composed of 98% red, 58% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.8% magenta, 81.2% yellow and 2% black. It has a hue angle of 29.9 degrees, a saturation of 95.3% and a lightness of 58.2%. #fa942f color hex could be obtained by blending #ffff5e with #f52900. Closest websafe color is: #ff9933.

♥
- f
- t
- g
- R 98
- G 58
- B 18
RGB color chart
- C 0
- M 41
- Y 81
- K 2
CMYK color chart

● #fa942f color description : Bright orange.

The hexadecimal color #fa942f has RGB values of R:250, G:148, B:47 and CMYK values of C:0, M:0.41, Y:0.81, K:0.02. Its decimal value is 16421935.

Hex triplet	fa942f	`#fa942f`
RGB Decimal	250, 148, 47	`rgb(250,148,47)`
RGB Percent	98, 58, 18.4	`rgb(98%,58%,18.4%)`
CMYK	0, 41, 81, 2
HSL	29.9°, 95.3, 58.2	`hsl(29.9,95.3%,58.2%)`
HSV (or HSB)	29.9°, 81.2, 98
Web Safe	ff9933	`#ff9933`

CIE-LAB	70.673, 31.456, 65.392
XYZ	50.529, 41.713, 8.08
xyY	0.504, 0.416, 41.713
CIE-LCH	70.673, 72.564, 64.31
CIE-LUV	70.673, 83.335, 62.125
Hunter-Lab	64.586, 26.625, 37.793
Binary	11111010, 10010100, 00101111

#fa942f
```
#fa942f rgb(250,148,47)
```
#2f95fa
```
#2f95fa rgb(47,149,250)
```

Complementary Color

#fa2f2f
```
#fa2f2f rgb(250,47,47)
```
#fa942f
```
#fa942f rgb(250,148,47)
```
#fafa2f
```
#fafa2f rgb(250,250,47)
```

Analogous Color

#2f2ffa
```
#2f2ffa rgb(47,47,250)
```
#fa942f
```
#fa942f rgb(250,148,47)
```
#2ffafa
```
#2ffafa rgb(47,250,250)
```

Split Complementary Color

#942ffa
```
#942ffa rgb(148,47,250)
```
#fa942f
```
#fa942f rgb(250,148,47)
```
#2ffa94
```
#2ffa94 rgb(47,250,148)
```

Triadic Color

#fa2f95
```
#fa2f95 rgb(250,47,149)
```
#fa942f
```
#fa942f rgb(250,148,47)
```
#2ffa94
```
#2ffa94 rgb(47,250,148)
```
#2f95fa
```
#2f95fa rgb(47,149,250)
```

Tetradic Color

#d76e05
```
#d76e05 rgb(215,110,5)
```
#f07a06
```
#f07a06 rgb(240,122,6)
```
#f98716
```
#f98716 rgb(249,135,22)
```
#fa942f
```
#fa942f rgb(250,148,47)
```
#fba148
```
#fba148 rgb(251,161,72)
```
#fbae61
```
#fbae61 rgb(251,174,97)
```
#fcba7a
```
#fcba7a rgb(252,186,122)
```

Monochromatic Color

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

#fa612f
```
#fa612f rgb(250,97,47)
```
#fa722f
```
#fa722f rgb(250,114,47)
```
#fa832f
```
#fa832f rgb(250,131,47)
```
#fa942f
```
#fa942f rgb(250,148,47)
```
#faa52f
```
#faa52f rgb(250,165,47)
```
#fab62f
```
#fab62f rgb(250,182,47)
```
#fac72f
```
#fac72f rgb(250,199,47)
```

Similar Colors

Text with hexadecimal color #fa942f

This text has a font color of #fa942f.

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

#fa942f background color

This paragraph has a background color of #fa942f.

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

#fa942f border color

This element has a border color of #fa942f.

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

CSS codes

.text {color:#fa942f;}

.background {background-color:#fa942f;}

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

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

#030100
```
#030100 rgb(3,1,0)
```
#160b01
```
#160b01 rgb(22,11,1)
```
#291501
```
#291501 rgb(41,21,1)
```
#3c1f01
```
#3c1f01 rgb(60,31,1)
```
#4f2802
```
#4f2802 rgb(79,40,2)
```
#623202
```
#623202 rgb(98,50,2)
```
#763c03
```
#763c03 rgb(118,60,3)
```
#894603
```
#894603 rgb(137,70,3)
```
#9c4f04
```
#9c4f04 rgb(156,79,4)
```
#af5904
```
#af5904 rgb(175,89,4)
```
#c26305
```
#c26305 rgb(194,99,5)
```
#d56d05
```
#d56d05 rgb(213,109,5)
```
#e97706
```
#e97706 rgb(233,119,6)
```

Shade Color Variation

#f98009
```
#f98009 rgb(249,128,9)
```
#fa8a1c
```
#fa8a1c rgb(250,138,28)
```
#fa942f
```
#fa942f rgb(250,148,47)
```
#fa9e42
```
#fa9e42 rgb(250,158,66)
```
#fba855
```
#fba855 rgb(251,168,85)
```
#fbb268
```
#fbb268 rgb(251,178,104)
```
#fcbb7c
```
#fcbb7c rgb(252,187,124)
```
#fcc58f
```
#fcc58f rgb(252,197,143)
```
#fdcfa2
```
#fdcfa2 rgb(253,207,162)
```
#fdd9b5
```
#fdd9b5 rgb(253,217,181)
```
#fee3c8
```
#fee3c8 rgb(254,227,200)
```
#feeddb
```
#feeddb rgb(254,237,219)
```
#fff7ef
```
#fff7ef rgb(255,247,239)
```

Tint Color Variation

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

#989491
```
#989491 rgb(152,148,145)
```
#a09489
```
#a09489 rgb(160,148,137)
```
#a89481
```
#a89481 rgb(168,148,129)
```
#b09479
```
#b09479 rgb(176,148,121)
```
#b89471
```
#b89471 rgb(184,148,113)
```
#c19468
```
#c19468 rgb(193,148,104)
```
#c99460
```
#c99460 rgb(201,148,96)
```
#d19458
```
#d19458 rgb(209,148,88)
```
#d99450
```
#d99450 rgb(217,148,80)
```
#e19448
```
#e19448 rgb(225,148,72)
```
#ea943f
```
#ea943f rgb(234,148,63)
```
#f29437
```
#f29437 rgb(242,148,55)
```
#fa942f
```
#fa942f rgb(250,148,47)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#b8a38f Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5b140 Protanopia 1% of men
#dca832 Deuteranopia 1% of men
#ff9099 Tritanopia 0.001% of the population

Trichromacy

#d8a639 Protanomaly 1% of men, 0.01% of women
#e7a131 Deuteranomaly 6% of men, 0.4% of women
#fd9173 Tritanomaly 0.01% of the population

#fa942f hex color

#fa942f Color Information

#fa942f Color Conversion

Color Schemes with #fa942f

Alternatives to #fa942f

#fa942f Preview

Shades and Tints of #fa942f

Tones of #fa942f

Color Blindness Simulator