#fa972f hex color

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

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

● #fa972f color description : Bright orange.

The hexadecimal color #fa972f has RGB values of R:250, G:151, B:47 and CMYK values of C:0, M:0.4, Y:0.81, K:0.02. Its decimal value is 16422703.

Hex triplet	fa972f	`#fa972f`
RGB Decimal	250, 151, 47	`rgb(250,151,47)`
RGB Percent	98, 59.2, 18.4	`rgb(98%,59.2%,18.4%)`
CMYK	0, 40, 81, 2
HSL	30.7°, 95.3, 58.2	`hsl(30.7,95.3%,58.2%)`
HSV (or HSB)	30.7°, 81.2, 98
Web Safe	ff9933	`#ff9933`

CIE-LAB	71.328, 29.901, 65.974
XYZ	51.006, 42.666, 8.239
xyY	0.5, 0.419, 42.666
CIE-LCH	71.328, 72.434, 65.619
CIE-LUV	71.328, 80.876, 63.226
Hunter-Lab	65.32, 25.075, 38.246
Binary	11111010, 10010111, 00101111

#fa972f
```
#fa972f rgb(250,151,47)
```
#2f92fa
```
#2f92fa rgb(47,146,250)
```

Complementary Color

#fa322f
```
#fa322f rgb(250,50,47)
```
#fa972f
```
#fa972f rgb(250,151,47)
```
#f8fa2f
```
#f8fa2f rgb(248,250,47)
```

Analogous Color

#322ffa
```
#322ffa rgb(50,47,250)
```
#fa972f
```
#fa972f rgb(250,151,47)
```
#2ff8fa
```
#2ff8fa rgb(47,248,250)
```

Split Complementary Color

#972ffa
```
#972ffa rgb(151,47,250)
```
#fa972f
```
#fa972f rgb(250,151,47)
```
#2ffa97
```
#2ffa97 rgb(47,250,151)
```

Triadic Color

#fa2f92
```
#fa2f92 rgb(250,47,146)
```
#fa972f
```
#fa972f rgb(250,151,47)
```
#2ffa97
```
#2ffa97 rgb(47,250,151)
```
#2f92fa
```
#2f92fa rgb(47,146,250)
```

Tetradic Color

#d77105
```
#d77105 rgb(215,113,5)
```
#f07e06
```
#f07e06 rgb(240,126,6)
```
#f98b16
```
#f98b16 rgb(249,139,22)
```
#fa972f
```
#fa972f rgb(250,151,47)
```
#fba348
```
#fba348 rgb(251,163,72)
```
#fbb061
```
#fbb061 rgb(251,176,97)
```
#fcbc7a
```
#fcbc7a rgb(252,188,122)
```

Monochromatic Color

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

#fa642f
```
#fa642f rgb(250,100,47)
```
#fa752f
```
#fa752f rgb(250,117,47)
```
#fa862f
```
#fa862f rgb(250,134,47)
```
#fa972f
```
#fa972f rgb(250,151,47)
```
#faa82f
```
#faa82f rgb(250,168,47)
```
#fab92f
```
#fab92f rgb(250,185,47)
```
#faca2f
```
#faca2f rgb(250,202,47)
```

Similar Colors

Text with hexadecimal color #fa972f

This text has a font color of #fa972f.

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

#fa972f background color

This paragraph has a background color of #fa972f.

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

#fa972f border color

This element has a border color of #fa972f.

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

CSS codes

.text {color:#fa972f;}

.background {background-color:#fa972f;}

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

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)
```
#3c2001
```
#3c2001 rgb(60,32,1)
```
#4f2a02
```
#4f2a02 rgb(79,42,2)
```
#623402
```
#623402 rgb(98,52,2)
```
#763e03
```
#763e03 rgb(118,62,3)
```
#894803
```
#894803 rgb(137,72,3)
```
#9c5204
```
#9c5204 rgb(156,82,4)
```
#af5c04
```
#af5c04 rgb(175,92,4)
```
#c26605
```
#c26605 rgb(194,102,5)
```
#d57005
```
#d57005 rgb(213,112,5)
```
#e97a06
```
#e97a06 rgb(233,122,6)
```

Shade Color Variation

#f98409
```
#f98409 rgb(249,132,9)
```
#fa8d1c
```
#fa8d1c rgb(250,141,28)
```
#fa972f
```
#fa972f rgb(250,151,47)
```
#faa142
```
#faa142 rgb(250,161,66)
```
#fbaa55
```
#fbaa55 rgb(251,170,85)
```
#fbb468
```
#fbb468 rgb(251,180,104)
```
#fcbd7c
```
#fcbd7c rgb(252,189,124)
```
#fcc78f
```
#fcc78f rgb(252,199,143)
```
#fdd0a2
```
#fdd0a2 rgb(253,208,162)
```
#fddab5
```
#fddab5 rgb(253,218,181)
```
#fee4c8
```
#fee4c8 rgb(254,228,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, #989591 is the less saturated color, while #fa972f is the most saturated one.

#989591
```
#989591 rgb(152,149,145)
```
#a09589
```
#a09589 rgb(160,149,137)
```
#a89581
```
#a89581 rgb(168,149,129)
```
#b09579
```
#b09579 rgb(176,149,121)
```
#b89571
```
#b89571 rgb(184,149,113)
```
#c19668
```
#c19668 rgb(193,150,104)
```
#c99660
```
#c99660 rgb(201,150,96)
```
#d19658
```
#d19658 rgb(209,150,88)
```
#d99650
```
#d99650 rgb(217,150,80)
```
#e19648
```
#e19648 rgb(225,150,72)
```
#ea973f
```
#ea973f rgb(234,151,63)
```
#f29737
```
#f29737 rgb(242,151,55)
```
#fa972f
```
#fa972f rgb(250,151,47)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#b9a591 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7b33f Protanopia 1% of men
#deaa33 Deuteranopia 1% of men
#ff939c Tritanopia 0.001% of the population

Trichromacy

#d9a839 Protanomaly 1% of men, 0.01% of women
#e8a331 Deuteranomaly 6% of men, 0.4% of women
#fd9474 Tritanomaly 0.01% of the population

#fa972f hex color

#fa972f Color Information

#fa972f Color Conversion

Color Schemes with #fa972f

Alternatives to #fa972f

#fa972f Preview

Shades and Tints of #fa972f

Tones of #fa972f

Color Blindness Simulator