#fa972c hex color

In a RGB color space, hex #fa972c is composed of 98% red, 59.2% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.6% magenta, 82.4% yellow and 2% black. It has a hue angle of 31.2 degrees, a saturation of 95.4% and a lightness of 57.6%. #fa972c color hex could be obtained by blending #ffff58 with #f52f00. Closest websafe color is: #ff9933.

♥
- f
- t
- g
- R 98
- G 59
- B 17
RGB color chart
- C 0
- M 40
- Y 82
- K 2
CMYK color chart

● #fa972c color description : Bright orange.

The hexadecimal color #fa972c has RGB values of R:250, G:151, B:44 and CMYK values of C:0, M:0.4, Y:0.82, K:0.02. Its decimal value is 16422700.

Hex triplet	fa972c	`#fa972c`
RGB Decimal	250, 151, 44	`rgb(250,151,44)`
RGB Percent	98, 59.2, 17.3	`rgb(98%,59.2%,17.3%)`
CMYK	0, 40, 82, 2
HSL	31.2°, 95.4, 57.6	`hsl(31.2,95.4%,57.6%)`
HSV (or HSB)	31.2°, 82.4, 98
Web Safe	ff9933	`#ff9933`

CIE-LAB	71.312, 29.815, 67.014
XYZ	50.947, 42.643, 7.931
xyY	0.502, 0.42, 42.643
CIE-LCH	71.312, 73.347, 66.015
CIE-LUV	71.312, 81.047, 63.866
Hunter-Lab	65.302, 24.984, 38.511
Binary	11111010, 10010111, 00101100

#fa972c
```
#fa972c rgb(250,151,44)
```
#2c8ffa
```
#2c8ffa rgb(44,143,250)
```

Complementary Color

#fa302c
```
#fa302c rgb(250,48,44)
```
#fa972c
```
#fa972c rgb(250,151,44)
```
#f6fa2c
```
#f6fa2c rgb(246,250,44)
```

Analogous Color

#302cfa
```
#302cfa rgb(48,44,250)
```
#fa972c
```
#fa972c rgb(250,151,44)
```
#2cf6fa
```
#2cf6fa rgb(44,246,250)
```

Split Complementary Color

#972cfa
```
#972cfa rgb(151,44,250)
```
#fa972c
```
#fa972c rgb(250,151,44)
```
#2cfa97
```
#2cfa97 rgb(44,250,151)
```

Triadic Color

#fa2c8f
```
#fa2c8f rgb(250,44,143)
```
#fa972c
```
#fa972c rgb(250,151,44)
```
#2cfa97
```
#2cfa97 rgb(44,250,151)
```
#2c8ffa
```
#2c8ffa rgb(44,143,250)
```

Tetradic Color

#d47105
```
#d47105 rgb(212,113,5)
```
#ed7e06
```
#ed7e06 rgb(237,126,6)
```
#f98b13
```
#f98b13 rgb(249,139,19)
```
#fa972c
```
#fa972c rgb(250,151,44)
```
#fba345
```
#fba345 rgb(251,163,69)
```
#fbb05e
```
#fbb05e rgb(251,176,94)
```
#fcbc77
```
#fcbc77 rgb(252,188,119)
```

Monochromatic Color

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

#fa642c
```
#fa642c rgb(250,100,44)
```
#fa752c
```
#fa752c rgb(250,117,44)
```
#fa862c
```
#fa862c rgb(250,134,44)
```
#fa972c
```
#fa972c rgb(250,151,44)
```
#faa82c
```
#faa82c rgb(250,168,44)
```
#fab92c
```
#fab92c rgb(250,185,44)
```
#facb2c
```
#facb2c rgb(250,203,44)
```

Similar Colors

Text with hexadecimal color #fa972c

This text has a font color of #fa972c.

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

#fa972c background color

This paragraph has a background color of #fa972c.

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

#fa972c border color

This element has a border color of #fa972c.

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

CSS codes

.text {color:#fa972c;}

.background {background-color:#fa972c;}

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

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

#130a00
```
#130a00 rgb(19,10,0)
```
#261401
```
#261401 rgb(38,20,1)
```
#391e01
```
#391e01 rgb(57,30,1)
```
#4c2902
```
#4c2902 rgb(76,41,2)
```
#603302
```
#603302 rgb(96,51,2)
```
#733d03
```
#733d03 rgb(115,61,3)
```
#864703
```
#864703 rgb(134,71,3)
```
#995104
```
#995104 rgb(153,81,4)
```
#ac5b04
```
#ac5b04 rgb(172,91,4)
```
#bf6605
```
#bf6605 rgb(191,102,5)
```
#d37005
```
#d37005 rgb(211,112,5)
```
#e67a05
```
#e67a05 rgb(230,122,5)
```
#f98406
```
#f98406 rgb(249,132,6)
```

Shade Color Variation

#fa8e19
```
#fa8e19 rgb(250,142,25)
```
#fa972c
```
#fa972c rgb(250,151,44)
```
#faa03f
```
#faa03f rgb(250,160,63)
```
#fbaa52
```
#fbaa52 rgb(251,170,82)
```
#fbb365
```
#fbb365 rgb(251,179,101)
```
#fcbd79
```
#fcbd79 rgb(252,189,121)
```
#fcc68c
```
#fcc68c rgb(252,198,140)
```
#fdd09f
```
#fdd09f rgb(253,208,159)
```
#fdd9b2
```
#fdd9b2 rgb(253,217,178)
```
#fee3c5
```
#fee3c5 rgb(254,227,197)
```
#feecd8
```
#feecd8 rgb(254,236,216)
```
#fff5ec
```
#fff5ec rgb(255,245,236)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#969390
```
#969390 rgb(150,147,144)
```
#9f9387
```
#9f9387 rgb(159,147,135)
```
#a7947f
```
#a7947f rgb(167,148,127)
```
#af9477
```
#af9477 rgb(175,148,119)
```
#b8946e
```
#b8946e rgb(184,148,110)
```
#c09566
```
#c09566 rgb(192,149,102)
```
#c8955e
```
#c8955e rgb(200,149,94)
```
#d09556
```
#d09556 rgb(208,149,86)
```
#d9964d
```
#d9964d rgb(217,150,77)
```
#e19645
```
#e19645 rgb(225,150,69)
```
#e9963d
```
#e9963d rgb(233,150,61)
```
#f29734
```
#f29734 rgb(242,151,52)
```
#fa972c
```
#fa972c rgb(250,151,44)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#b8a58f Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7b33c Protanopia 1% of men
#deaa2f Deuteranopia 1% of men
#ff939c Tritanopia 0.001% of the population

Trichromacy

#d9a836 Protanomaly 1% of men, 0.01% of women
#e8a32e Deuteranomaly 6% of men, 0.4% of women
#fd9473 Tritanomaly 0.01% of the population

#fa972c hex color

#fa972c Color Information

#fa972c Color Conversion

Color Schemes with #fa972c

Alternatives to #fa972c

#fa972c Preview

Shades and Tints of #fa972c

Tones of #fa972c

Color Blindness Simulator