#fa522d hex color

In a RGB color space, hex #fa522d is composed of 98% red, 32.2% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.2% magenta, 82% yellow and 2% black. It has a hue angle of 10.8 degrees, a saturation of 95.3% and a lightness of 57.8%. #fa522d color hex could be obtained by blending #ffa45a with #f50000. Closest websafe color is: #ff6633.

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

● #fa522d color description : Bright red.

The hexadecimal color #fa522d has RGB values of R:250, G:82, B:45 and CMYK values of C:0, M:0.67, Y:0.82, K:0.02. Its decimal value is 16405037.

Hex triplet	fa522d	`#fa522d`
RGB Decimal	250, 82, 45	`rgb(250,82,45)`
RGB Percent	98, 32.2, 17.6	`rgb(98%,32.2%,17.6%)`
CMYK	0, 67, 82, 2
HSL	10.8°, 95.3, 57.8	`hsl(10.8,95.3%,57.8%)`
HSV (or HSB)	10.8°, 82, 98
Web Safe	ff6633	`#ff6633`

CIE-LAB	58.558, 62.219, 55.305
XYZ	42.917, 26.553, 5.348
xyY	0.574, 0.355, 26.553
CIE-LCH	58.558, 83.245, 41.633
CIE-LUV	58.558, 135.195, 41.334
Hunter-Lab	51.53, 58.49, 29.917
Binary	11111010, 01010010, 00101101

#fa522d
```
#fa522d rgb(250,82,45)
```
#2dd5fa
```
#2dd5fa rgb(45,213,250)
```

Complementary Color

#fa2d6f
```
#fa2d6f rgb(250,45,111)
```
#fa522d
```
#fa522d rgb(250,82,45)
```
#fab92d
```
#fab92d rgb(250,185,45)
```

Analogous Color

#2d6ffa
```
#2d6ffa rgb(45,111,250)
```
#fa522d
```
#fa522d rgb(250,82,45)
```
#2dfab9
```
#2dfab9 rgb(45,250,185)
```

Split Complementary Color

#522dfa
```
#522dfa rgb(82,45,250)
```
#fa522d
```
#fa522d rgb(250,82,45)
```
#2dfa52
```
#2dfa52 rgb(45,250,82)
```

Triadic Color

#fa2dd5
```
#fa2dd5 rgb(250,45,213)
```
#fa522d
```
#fa522d rgb(250,82,45)
```
#2dfa52
```
#2dfa52 rgb(45,250,82)
```
#2dd5fa
```
#2dd5fa rgb(45,213,250)
```

Tetradic Color

#d52b05
```
#d52b05 rgb(213,43,5)
```
#ee3006
```
#ee3006 rgb(238,48,6)
```
#f93d14
```
#f93d14 rgb(249,61,20)
```
#fa522d
```
#fa522d rgb(250,82,45)
```
#fb6746
```
#fb6746 rgb(251,103,70)
```
#fb7b5f
```
#fb7b5f rgb(251,123,95)
```
#fc9078
```
#fc9078 rgb(252,144,120)
```

Monochromatic Color

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

#fa2d3b
```
#fa2d3b rgb(250,45,59)
```
#fa302d
```
#fa302d rgb(250,48,45)
```
#fa412d
```
#fa412d rgb(250,65,45)
```
#fa522d
```
#fa522d rgb(250,82,45)
```
#fa632d
```
#fa632d rgb(250,99,45)
```
#fa742d
```
#fa742d rgb(250,116,45)
```
#fa852d
```
#fa852d rgb(250,133,45)
```

Similar Colors

Text with hexadecimal color #fa522d

This text has a font color of #fa522d.

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

#fa522d background color

This paragraph has a background color of #fa522d.

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

#fa522d border color

This element has a border color of #fa522d.

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

CSS codes

.text {color:#fa522d;}

.background {background-color:#fa522d;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#140400
```
#140400 rgb(20,4,0)
```
#270801
```
#270801 rgb(39,8,1)
```
#3a0c01
```
#3a0c01 rgb(58,12,1)
```
#4d0f02
```
#4d0f02 rgb(77,15,2)
```
#611302
```
#611302 rgb(97,19,2)
```
#741703
```
#741703 rgb(116,23,3)
```
#871b03
```
#871b03 rgb(135,27,3)
```
#9a1f04
```
#9a1f04 rgb(154,31,4)
```
#ad2304
```
#ad2304 rgb(173,35,4)
```
#c02605
```
#c02605 rgb(192,38,5)
```
#d42a05
```
#d42a05 rgb(212,42,5)
```
#e72e05
```
#e72e05 rgb(231,46,5)
```

Shade Color Variation

#f93207
```
#f93207 rgb(249,50,7)
```
#fa421a
```
#fa421a rgb(250,66,26)
```
#fa522d
```
#fa522d rgb(250,82,45)
```
#fa6240
```
#fa6240 rgb(250,98,64)
```
#fb7253
```
#fb7253 rgb(251,114,83)
```
#fb8166
```
#fb8166 rgb(251,129,102)
```
#fc917a
```
#fc917a rgb(252,145,122)
```
#fca18d
```
#fca18d rgb(252,161,141)
```
#fdb1a0
```
#fdb1a0 rgb(253,177,160)
```
#fdc0b3
```
#fdc0b3 rgb(253,192,179)
```
#fed0c6
```
#fed0c6 rgb(254,208,198)
```
#fee0d9
```
#fee0d9 rgb(254,224,217)
```
#fff0ed
```
#fff0ed rgb(255,240,237)
```

Tint Color Variation

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

#979190
```
#979190 rgb(151,145,144)
```
#9f8c88
```
#9f8c88 rgb(159,140,136)
```
#a78780
```
#a78780 rgb(167,135,128)
```
#b08277
```
#b08277 rgb(176,130,119)
```
#b87c6f
```
#b87c6f rgb(184,124,111)
```
#c07767
```
#c07767 rgb(192,119,103)
```
#c8725f
```
#c8725f rgb(200,114,95)
```
#d16c56
```
#d16c56 rgb(209,108,86)
```
#d9674e
```
#d9674e rgb(217,103,78)
```
#e16246
```
#e16246 rgb(225,98,70)
```
#e95d3e
```
#e95d3e rgb(233,93,62)
```
#f25735
```
#f25735 rgb(242,87,53)
```
#fa522d
```
#fa522d rgb(250,82,45)
```

Tone Color Variation

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

#a29246 Protanopia 1% of men
#b68b26 Deuteranopia 1% of men
#fb565b Tritanopia 0.001% of the population

Trichromacy

#c27b3d Protanomaly 1% of men, 0.01% of women
#cf7629 Deuteranomaly 6% of men, 0.4% of women
#fa554a Tritanomaly 0.01% of the population

#fa522d hex color

#fa522d Color Information

#fa522d Color Conversion

Color Schemes with #fa522d

Alternatives to #fa522d

#fa522d Preview

Shades and Tints of #fa522d

Tones of #fa522d

Color Blindness Simulator