#fa400f hex color

In a RGB color space, hex #fa400f is composed of 98% red, 25.1% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.4% magenta, 94% yellow and 2% black. It has a hue angle of 12.5 degrees, a saturation of 95.9% and a lightness of 52%. #fa400f color hex could be obtained by blending #ff801e with #f50000. Closest websafe color is: #ff3300.

♥
- f
- t
- g
- R 98
- G 25
- B 6
RGB color chart
- C 0
- M 74
- Y 94
- K 2
CMYK color chart

● #fa400f color description : Vivid red.

The hexadecimal color #fa400f has RGB values of R:250, G:64, B:15 and CMYK values of C:0, M:0.74, Y:0.94, K:0.02. Its decimal value is 16400399.

Hex triplet	fa400f	`#fa400f`
RGB Decimal	250, 64, 15	`rgb(250,64,15)`
RGB Percent	98, 25.1, 5.9	`rgb(98%,25.1%,5.9%)`
CMYK	0, 74, 94, 2
HSL	12.5°, 95.9, 52	`hsl(12.5,95.9%,52%)`
HSV (or HSB)	12.5°, 94, 98
Web Safe	ff3300	`#ff3300`

CIE-LAB	56.118, 67.997, 64.523
XYZ	41.346, 24.03, 2.913
xyY	0.605, 0.352, 24.03
CIE-LCH	56.118, 93.738, 43.498
CIE-LUV	56.118, 149.558, 42.652
Hunter-Lab	49.021, 64.768, 30.791
Binary	11111010, 01000000, 00001111

#fa400f
```
#fa400f rgb(250,64,15)
```
#0fc9fa
```
#0fc9fa rgb(15,201,250)
```

Complementary Color

#fa0f54
```
#fa0f54 rgb(250,15,84)
```
#fa400f
```
#fa400f rgb(250,64,15)
```
#fab60f
```
#fab60f rgb(250,182,15)
```

Analogous Color

#0f53fa
```
#0f53fa rgb(15,83,250)
```
#fa400f
```
#fa400f rgb(250,64,15)
```
#0ffab6
```
#0ffab6 rgb(15,250,182)
```

Split Complementary Color

#400ffa
```
#400ffa rgb(64,15,250)
```
#fa400f
```
#fa400f rgb(250,64,15)
```
#0ffa40
```
#0ffa40 rgb(15,250,64)
```

Triadic Color

#fa0fc9
```
#fa0fc9 rgb(250,15,201)
```
#fa400f
```
#fa400f rgb(250,64,15)
```
#0ffa40
```
#0ffa40 rgb(15,250,64)
```
#0fc9fa
```
#0fc9fa rgb(15,201,250)
```

Tetradic Color

#b92a04
```
#b92a04 rgb(185,42,4)
```
#d22f04
```
#d22f04 rgb(210,47,4)
```
#eb3505
```
#eb3505 rgb(235,53,5)
```
#fa400f
```
#fa400f rgb(250,64,15)
```
#fb5428
```
#fb5428 rgb(251,84,40)
```
#fb6841
```
#fb6841 rgb(251,104,65)
```
#fc7c5a
```
#fc7c5a rgb(252,124,90)
```

Monochromatic Color

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

#fa0f19
```
#fa0f19 rgb(250,15,25)
```
#fa190f
```
#fa190f rgb(250,25,15)
```
#fa2c0f
```
#fa2c0f rgb(250,44,15)
```
#fa400f
```
#fa400f rgb(250,64,15)
```
#fa540f
```
#fa540f rgb(250,84,15)
```
#fa670f
```
#fa670f rgb(250,103,15)
```
#fa7b0f
```
#fa7b0f rgb(250,123,15)
```

Similar Colors

Text with hexadecimal color #fa400f

This text has a font color of #fa400f.

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

#fa400f background color

This paragraph has a background color of #fa400f.

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

#fa400f border color

This element has a border color of #fa400f.

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

CSS codes

.text {color:#fa400f;}

.background {background-color:#fa400f;}

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

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, #0a0200 is the darkest color, while #fff8f6 is the lightest one.

#0a0200
```
#0a0200 rgb(10,2,0)
```
#1d0701
```
#1d0701 rgb(29,7,1)
```
#300b01
```
#300b01 rgb(48,11,1)
```
#430f01
```
#430f01 rgb(67,15,1)
```
#571302
```
#571302 rgb(87,19,2)
```
#6a1802
```
#6a1802 rgb(106,24,2)
```
#7d1c03
```
#7d1c03 rgb(125,28,3)
```
#902003
```
#902003 rgb(144,32,3)
```
#a42503
```
#a42503 rgb(164,37,3)
```
#b72904
```
#b72904 rgb(183,41,4)
```
#ca2d04
```
#ca2d04 rgb(202,45,4)
```
#dd3205
```
#dd3205 rgb(221,50,5)
```
#f03605
```
#f03605 rgb(240,54,5)
```

Shade Color Variation

#fa400f
```
#fa400f rgb(250,64,15)
```
#fa4f22
```
#fa4f22 rgb(250,79,34)
```
#fb5f35
```
#fb5f35 rgb(251,95,53)
```
#fb6e49
```
#fb6e49 rgb(251,110,73)
```
#fc7d5c
```
#fc7d5c rgb(252,125,92)
```
#fc8c6f
```
#fc8c6f rgb(252,140,111)
```
#fc9c82
```
#fc9c82 rgb(252,156,130)
```
#fdab96
```
#fdab96 rgb(253,171,150)
```
#fdbaa9
```
#fdbaa9 rgb(253,186,169)
```
#fecabc
```
#fecabc rgb(254,202,188)
```
#fed9cf
```
#fed9cf rgb(254,217,207)
```
#fee8e2
```
#fee8e2 rgb(254,232,226)
```
#fff8f6
```
#fff8f6 rgb(255,248,246)
```

Tint Color Variation

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

#898280
```
#898280 rgb(137,130,128)
```
#927c77
```
#927c77 rgb(146,124,119)
```
#9c776d
```
#9c776d rgb(156,119,109)
```
#a57164
```
#a57164 rgb(165,113,100)
```
#af6c5a
```
#af6c5a rgb(175,108,90)
```
#b86651
```
#b86651 rgb(184,102,81)
```
#c16148
```
#c16148 rgb(193,97,72)
```
#cb5b3e
```
#cb5b3e rgb(203,91,62)
```
#d45635
```
#d45635 rgb(212,86,53)
```
#de502b
```
#de502b rgb(222,80,43)
```
#e74b22
```
#e74b22 rgb(231,75,34)
```
#f14518
```
#f14518 rgb(241,69,24)
```
#fa400f
```
#fa400f rgb(250,64,15)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#8d685e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d8d2b Protanopia 1% of men
#af8600 Deuteranopia 1% of men
#fb4547 Tritanopia 0.001% of the population

Trichromacy

#be7121 Protanomaly 1% of men, 0.01% of women
#ca6c05 Deuteranomaly 6% of men, 0.4% of women
#fa4333 Tritanomaly 0.01% of the population

#fa400f hex color

#fa400f Color Information

#fa400f Color Conversion

Color Schemes with #fa400f

Alternatives to #fa400f

#fa400f Preview

Shades and Tints of #fa400f

Tones of #fa400f

Color Blindness Simulator