#fa521f hex color

In a RGB color space, hex #fa521f is composed of 98% red, 32.2% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.2% magenta, 87.6% yellow and 2% black. It has a hue angle of 14 degrees, a saturation of 95.6% and a lightness of 55.1%. #fa521f color hex could be obtained by blending #ffa43e with #f50000. Closest websafe color is: #ff6633.

♥
- f
- t
- g
- R 98
- G 32
- B 12
RGB color chart
- C 0
- M 67
- Y 88
- K 2
CMYK color chart

● #fa521f color description : Vivid red.

The hexadecimal color #fa521f has RGB values of R:250, G:82, B:31 and CMYK values of C:0, M:0.67, Y:0.88, K:0.02. Its decimal value is 16405023.

Hex triplet	fa521f	`#fa521f`
RGB Decimal	250, 82, 31	`rgb(250,82,31)`
RGB Percent	98, 32.2, 12.2	`rgb(98%,32.2%,12.2%)`
CMYK	0, 67, 88, 2
HSL	14°, 95.6, 55.1	`hsl(14,95.6%,55.1%)`
HSV (or HSB)	14°, 87.6, 98
Web Safe	ff6633	`#ff6633`

CIE-LAB	58.473, 61.909, 61.062
XYZ	42.691, 26.462, 4.156
xyY	0.582, 0.361, 26.462
CIE-LCH	58.473, 86.956, 44.606
CIE-LUV	58.473, 136.734, 44.438
Hunter-Lab	51.442, 58.113, 31.219
Binary	11111010, 01010010, 00011111

#fa521f
```
#fa521f rgb(250,82,31)
```
#1fc7fa
```
#1fc7fa rgb(31,199,250)
```

Complementary Color

#fa1f59
```
#fa1f59 rgb(250,31,89)
```
#fa521f
```
#fa521f rgb(250,82,31)
```
#fac01f
```
#fac01f rgb(250,192,31)
```

Analogous Color

#1f5afa
```
#1f5afa rgb(31,90,250)
```
#fa521f
```
#fa521f rgb(250,82,31)
```
#1ffac0
```
#1ffac0 rgb(31,250,192)
```

Split Complementary Color

#521ffa
```
#521ffa rgb(82,31,250)
```
#fa521f
```
#fa521f rgb(250,82,31)
```
#1ffa52
```
#1ffa52 rgb(31,250,82)
```

Triadic Color

#fa1fc7
```
#fa1fc7 rgb(250,31,199)
```
#fa521f
```
#fa521f rgb(250,82,31)
```
#1ffa52
```
#1ffa52 rgb(31,250,82)
```
#1fc7fa
```
#1fc7fa rgb(31,199,250)
```

Tetradic Color

#c83204
```
#c83204 rgb(200,50,4)
```
#e13805
```
#e13805 rgb(225,56,5)
```
#f93f06
```
#f93f06 rgb(249,63,6)
```
#fa521f
```
#fa521f rgb(250,82,31)
```
#fb6538
```
#fb6538 rgb(251,101,56)
```
#fb7951
```
#fb7951 rgb(251,121,81)
```
#fc8c6a
```
#fc8c6a rgb(252,140,106)
```

Monochromatic Color

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

#fa1f23
```
#fa1f23 rgb(250,31,35)
```
#fa2d1f
```
#fa2d1f rgb(250,45,31)
```
#fa401f
```
#fa401f rgb(250,64,31)
```
#fa521f
```
#fa521f rgb(250,82,31)
```
#fa641f
```
#fa641f rgb(250,100,31)
```
#fa771f
```
#fa771f rgb(250,119,31)
```
#fa891f
```
#fa891f rgb(250,137,31)
```

Similar Colors

Text with hexadecimal color #fa521f

This text has a font color of #fa521f.

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

#fa521f background color

This paragraph has a background color of #fa521f.

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

#fa521f border color

This element has a border color of #fa521f.

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

CSS codes

.text {color:#fa521f;}

.background {background-color:#fa521f;}

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

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

#060200
```
#060200 rgb(6,2,0)
```
#190601
```
#190601 rgb(25,6,1)
```
#2d0b01
```
#2d0b01 rgb(45,11,1)
```
#401001
```
#401001 rgb(64,16,1)
```
#531502
```
#531502 rgb(83,21,2)
```
#661a02
```
#661a02 rgb(102,26,2)
```
#791e03
```
#791e03 rgb(121,30,3)
```
#8d2303
```
#8d2303 rgb(141,35,3)
```
#a02804
```
#a02804 rgb(160,40,4)
```
#b32d04
```
#b32d04 rgb(179,45,4)
```
#c63204
```
#c63204 rgb(198,50,4)
```
#d93605
```
#d93605 rgb(217,54,5)
```
#ec3b05
```
#ec3b05 rgb(236,59,5)
```

Shade Color Variation

#fa430c
```
#fa430c rgb(250,67,12)
```
#fa521f
```
#fa521f rgb(250,82,31)
```
#fa6132
```
#fa6132 rgb(250,97,50)
```
#fb7045
```
#fb7045 rgb(251,112,69)
```
#fb7e59
```
#fb7e59 rgb(251,126,89)
```
#fc8d6c
```
#fc8d6c rgb(252,141,108)
```
#fc9c7f
```
#fc9c7f rgb(252,156,127)
```
#fdab92
```
#fdab92 rgb(253,171,146)
```
#fdbaa5
```
#fdbaa5 rgb(253,186,165)
```
#fdc9b8
```
#fdc9b8 rgb(253,201,184)
```
#fed7cc
```
#fed7cc rgb(254,215,204)
```
#fee6df
```
#fee6df rgb(254,230,223)
```
#fff5f2
```
#fff5f2 rgb(255,245,242)
```

Tint Color Variation

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

#908a89
```
#908a89 rgb(144,138,137)
```
#998680
```
#998680 rgb(153,134,128)
```
#a28177
```
#a28177 rgb(162,129,119)
```
#ab7c6e
```
#ab7c6e rgb(171,124,110)
```
#b47865
```
#b47865 rgb(180,120,101)
```
#bc735d
```
#bc735d rgb(188,115,93)
```
#c56e54
```
#c56e54 rgb(197,110,84)
```
#ce6a4b
```
#ce6a4b rgb(206,106,75)
```
#d76542
```
#d76542 rgb(215,101,66)
```
#e06039
```
#e06039 rgb(224,96,57)
```
#e85b31
```
#e85b31 rgb(232,91,49)
```
#f15728
```
#f15728 rgb(241,87,40)
```
#fa521f
```
#fa521f rgb(250,82,31)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#97756b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a39238 Protanopia 1% of men
#b78b00 Deuteranopia 1% of men
#fb565a Tritanopia 0.001% of the population

Trichromacy

#c27b2f Protanomaly 1% of men, 0.01% of women
#cf760b Deuteranomaly 6% of men, 0.4% of women
#fb5444 Tritanomaly 0.01% of the population

#fa521f hex color

#fa521f Color Information

#fa521f Color Conversion

Color Schemes with #fa521f

Alternatives to #fa521f

#fa521f Preview

Shades and Tints of #fa521f

Tones of #fa521f

Color Blindness Simulator