#fa522a hex color

In a RGB color space, hex #fa522a is composed of 98% red, 32.2% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.2% magenta, 83.2% yellow and 2% black. It has a hue angle of 11.5 degrees, a saturation of 95.4% and a lightness of 57.3%. #fa522a color hex could be obtained by blending #ffa454 with #f50000. Closest websafe color is: #ff6633.

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

● #fa522a color description : Bright red.

The hexadecimal color #fa522a has RGB values of R:250, G:82, B:42 and CMYK values of C:0, M:0.67, Y:0.83, K:0.02. Its decimal value is 16405034.

Hex triplet	fa522a	`#fa522a`
RGB Decimal	250, 82, 42	`rgb(250,82,42)`
RGB Percent	98, 32.2, 16.5	`rgb(98%,32.2%,16.5%)`
CMYK	0, 67, 83, 2
HSL	11.5°, 95.4, 57.3	`hsl(11.5,95.4%,57.3%)`
HSV (or HSB)	11.5°, 83.2, 98
Web Safe	ff6633	`#ff6633`

CIE-LAB	58.537, 62.143, 56.634
XYZ	42.862, 26.531, 5.054
xyY	0.576, 0.356, 26.531
CIE-LCH	58.537, 84.078, 42.345
CIE-LUV	58.537, 135.57, 42.092
Hunter-Lab	51.508, 58.397, 30.238
Binary	11111010, 01010010, 00101010

#fa522a
```
#fa522a rgb(250,82,42)
```
#2ad2fa
```
#2ad2fa rgb(42,210,250)
```

Complementary Color

#fa2a6a
```
#fa2a6a rgb(250,42,106)
```
#fa522a
```
#fa522a rgb(250,82,42)
```
#faba2a
```
#faba2a rgb(250,186,42)
```

Analogous Color

#2a6afa
```
#2a6afa rgb(42,106,250)
```
#fa522a
```
#fa522a rgb(250,82,42)
```
#2afaba
```
#2afaba rgb(42,250,186)
```

Split Complementary Color

#522afa
```
#522afa rgb(82,42,250)
```
#fa522a
```
#fa522a rgb(250,82,42)
```
#2afa52
```
#2afa52 rgb(42,250,82)
```

Triadic Color

#fa2ad2
```
#fa2ad2 rgb(250,42,210)
```
#fa522a
```
#fa522a rgb(250,82,42)
```
#2afa52
```
#2afa52 rgb(42,250,82)
```
#2ad2fa
```
#2ad2fa rgb(42,210,250)
```

Tetradic Color

#d32c05
```
#d32c05 rgb(211,44,5)
```
#eb3206
```
#eb3206 rgb(235,50,6)
```
#f93e11
```
#f93e11 rgb(249,62,17)
```
#fa522a
```
#fa522a rgb(250,82,42)
```
#fb6643
```
#fb6643 rgb(251,102,67)
```
#fb7a5c
```
#fb7a5c rgb(251,122,92)
```
#fc8f75
```
#fc8f75 rgb(252,143,117)
```

Monochromatic Color

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

#fa2a36
```
#fa2a36 rgb(250,42,54)
```
#fa2f2a
```
#fa2f2a rgb(250,47,42)
```
#fa412a
```
#fa412a rgb(250,65,42)
```
#fa522a
```
#fa522a rgb(250,82,42)
```
#fa632a
```
#fa632a rgb(250,99,42)
```
#fa752a
```
#fa752a rgb(250,117,42)
```
#fa862a
```
#fa862a rgb(250,134,42)
```

Similar Colors

Text with hexadecimal color #fa522a

This text has a font color of #fa522a.

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

#fa522a background color

This paragraph has a background color of #fa522a.

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

#fa522a border color

This element has a border color of #fa522a.

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

CSS codes

.text {color:#fa522a;}

.background {background-color:#fa522a;}

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

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

#110400
```
#110400 rgb(17,4,0)
```
#240801
```
#240801 rgb(36,8,1)
```
#370c01
```
#370c01 rgb(55,12,1)
```
#4a1002
```
#4a1002 rgb(74,16,2)
```
#5e1402
```
#5e1402 rgb(94,20,2)
```
#711803
```
#711803 rgb(113,24,3)
```
#841c03
```
#841c03 rgb(132,28,3)
```
#972004
```
#972004 rgb(151,32,4)
```
#aa2404
```
#aa2404 rgb(170,36,4)
```
#bd2804
```
#bd2804 rgb(189,40,4)
```
#d12c05
```
#d12c05 rgb(209,44,5)
```
#e43005
```
#e43005 rgb(228,48,5)
```
#f73406
```
#f73406 rgb(247,52,6)
```

Shade Color Variation

#fa4217
```
#fa4217 rgb(250,66,23)
```
#fa522a
```
#fa522a rgb(250,82,42)
```
#fa623d
```
#fa623d rgb(250,98,61)
```
#fb7150
```
#fb7150 rgb(251,113,80)
```
#fb8163
```
#fb8163 rgb(251,129,99)
```
#fc9077
```
#fc9077 rgb(252,144,119)
```
#fca08a
```
#fca08a rgb(252,160,138)
```
#fdaf9d
```
#fdaf9d rgb(253,175,157)
```
#fdbfb0
```
#fdbfb0 rgb(253,191,176)
```
#fecfc3
```
#fecfc3 rgb(254,207,195)
```
#feded6
```
#feded6 rgb(254,222,214)
```
#feeeea
```
#feeeea rgb(254,238,234)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#95908f
```
#95908f rgb(149,144,143)
```
#9e8b86
```
#9e8b86 rgb(158,139,134)
```
#a6867e
```
#a6867e rgb(166,134,126)
```
#af8075
```
#af8075 rgb(175,128,117)
```
#b77b6d
```
#b77b6d rgb(183,123,109)
```
#bf7665
```
#bf7665 rgb(191,118,101)
```
#c8715c
```
#c8715c rgb(200,113,92)
```
#d06c54
```
#d06c54 rgb(208,108,84)
```
#d8674c
```
#d8674c rgb(216,103,76)
```
#e16143
```
#e16143 rgb(225,97,67)
```
#e95c3b
```
#e95c3b rgb(233,92,59)
```
#f25732
```
#f25732 rgb(242,87,50)
```
#fa522a
```
#fa522a rgb(250,82,42)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#98776f Atypical Achromatopsia 0.001% of the population

Dichromacy

#a29243 Protanopia 1% of men
#b78b22 Deuteranopia 1% of men
#fb565a Tritanopia 0.001% of the population

Trichromacy

#c27b3a Protanomaly 1% of men, 0.01% of women
#cf7625 Deuteranomaly 6% of men, 0.4% of women
#fa5449 Tritanomaly 0.01% of the population

#fa522a hex color

#fa522a Color Information

#fa522a Color Conversion

Color Schemes with #fa522a

Alternatives to #fa522a

#fa522a Preview

Shades and Tints of #fa522a

Tones of #fa522a

Color Blindness Simulator