#fa942e hex color

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

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

● #fa942e color description : Bright orange.

The hexadecimal color #fa942e has RGB values of R:250, G:148, B:46 and CMYK values of C:0, M:0.41, Y:0.82, K:0.02. Its decimal value is 16421934.

Hex triplet	fa942e	`#fa942e`
RGB Decimal	250, 148, 46	`rgb(250,148,46)`
RGB Percent	98, 58, 18	`rgb(98%,58%,18%)`
CMYK	0, 41, 82, 2
HSL	30°, 95.3, 58	`hsl(30,95.3%,58%)`
HSV (or HSB)	30°, 81.6, 98
Web Safe	ff9933	`#ff9933`

CIE-LAB	70.667, 31.427, 65.748
XYZ	50.509, 41.705, 7.975
xyY	0.504, 0.416, 41.705
CIE-LCH	70.667, 72.873, 64.453
CIE-LUV	70.667, 83.396, 62.346
Hunter-Lab	64.58, 26.594, 37.884
Binary	11111010, 10010100, 00101110

#fa942e
```
#fa942e rgb(250,148,46)
```
#2e94fa
```
#2e94fa rgb(46,148,250)
```

Complementary Color

#fa2e2e
```
#fa2e2e rgb(250,46,46)
```
#fa942e
```
#fa942e rgb(250,148,46)
```
#fafa2e
```
#fafa2e rgb(250,250,46)
```

Analogous Color

#2e2efa
```
#2e2efa rgb(46,46,250)
```
#fa942e
```
#fa942e rgb(250,148,46)
```
#2efafa
```
#2efafa rgb(46,250,250)
```

Split Complementary Color

#942efa
```
#942efa rgb(148,46,250)
```
#fa942e
```
#fa942e rgb(250,148,46)
```
#2efa94
```
#2efa94 rgb(46,250,148)
```

Triadic Color

#fa2e94
```
#fa2e94 rgb(250,46,148)
```
#fa942e
```
#fa942e rgb(250,148,46)
```
#2efa94
```
#2efa94 rgb(46,250,148)
```
#2e94fa
```
#2e94fa rgb(46,148,250)
```

Tetradic Color

#d66e05
```
#d66e05 rgb(214,110,5)
```
#ef7b06
```
#ef7b06 rgb(239,123,6)
```
#f98715
```
#f98715 rgb(249,135,21)
```
#fa942e
```
#fa942e rgb(250,148,46)
```
#fba147
```
#fba147 rgb(251,161,71)
```
#fbae60
```
#fbae60 rgb(251,174,96)
```
#fcba79
```
#fcba79 rgb(252,186,121)
```

Monochromatic Color

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

#fa612e
```
#fa612e rgb(250,97,46)
```
#fa722e
```
#fa722e rgb(250,114,46)
```
#fa832e
```
#fa832e rgb(250,131,46)
```
#fa942e
```
#fa942e rgb(250,148,46)
```
#faa52e
```
#faa52e rgb(250,165,46)
```
#fab62e
```
#fab62e rgb(250,182,46)
```
#fac72e
```
#fac72e rgb(250,199,46)
```

Similar Colors

Text with hexadecimal color #fa942e

This text has a font color of #fa942e.

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

#fa942e background color

This paragraph has a background color of #fa942e.

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

#fa942e border color

This element has a border color of #fa942e.

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

CSS codes

.text {color:#fa942e;}

.background {background-color:#fa942e;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#150b00
```
#150b00 rgb(21,11,0)
```
#281501
```
#281501 rgb(40,21,1)
```
#3b1e01
```
#3b1e01 rgb(59,30,1)
```
#4e2802
```
#4e2802 rgb(78,40,2)
```
#623202
```
#623202 rgb(98,50,2)
```
#753c03
```
#753c03 rgb(117,60,3)
```
#884603
```
#884603 rgb(136,70,3)
```
#9b4f04
```
#9b4f04 rgb(155,79,4)
```
#ae5904
```
#ae5904 rgb(174,89,4)
```
#c16305
```
#c16305 rgb(193,99,5)
```
#d46d05
```
#d46d05 rgb(212,109,5)
```
#e87706
```
#e87706 rgb(232,119,6)
```

Shade Color Variation

#f98008
```
#f98008 rgb(249,128,8)
```
#fa8a1b
```
#fa8a1b rgb(250,138,27)
```
#fa942e
```
#fa942e rgb(250,148,46)
```
#fa9e41
```
#fa9e41 rgb(250,158,65)
```
#fba854
```
#fba854 rgb(251,168,84)
```
#fbb167
```
#fbb167 rgb(251,177,103)
```
#fcbb7b
```
#fcbb7b rgb(252,187,123)
```
#fcc58e
```
#fcc58e rgb(252,197,142)
```
#fdcfa1
```
#fdcfa1 rgb(253,207,161)
```
#fdd9b4
```
#fdd9b4 rgb(253,217,180)
```
#fee2c7
```
#fee2c7 rgb(254,226,199)
```
#feecda
```
#feecda rgb(254,236,218)
```
#fff6ee
```
#fff6ee rgb(255,246,238)
```

Tint Color Variation

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

#979491
```
#979491 rgb(151,148,145)
```
#9f9489
```
#9f9489 rgb(159,148,137)
```
#a89480
```
#a89480 rgb(168,148,128)
```
#b09478
```
#b09478 rgb(176,148,120)
```
#b89470
```
#b89470 rgb(184,148,112)
```
#c09468
```
#c09468 rgb(192,148,104)
```
#c9945f
```
#c9945f rgb(201,148,95)
```
#d19457
```
#d19457 rgb(209,148,87)
```
#d9944f
```
#d9944f rgb(217,148,79)
```
#e19447
```
#e19447 rgb(225,148,71)
```
#ea943e
```
#ea943e rgb(234,148,62)
```
#f29436
```
#f29436 rgb(242,148,54)
```
#fa942e
```
#fa942e rgb(250,148,46)
```

Tone Color Variation

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

#c5b13f Protanopia 1% of men
#dca831 Deuteranopia 1% of men
#ff9099 Tritanopia 0.001% of the population

Trichromacy

#d8a638 Protanomaly 1% of men, 0.01% of women
#e7a130 Deuteranomaly 6% of men, 0.4% of women
#fd9172 Tritanomaly 0.01% of the population

#fa942e hex color

#fa942e Color Information

#fa942e Color Conversion

Color Schemes with #fa942e

Alternatives to #fa942e

#fa942e Preview

Shades and Tints of #fa942e

Tones of #fa942e

Color Blindness Simulator