#fc522d hex color

In a RGB color space, hex #fc522d is composed of 98.8% red, 32.2% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.5% magenta, 82.1% yellow and 1.2% black. It has a hue angle of 10.7 degrees, a saturation of 97.2% and a lightness of 58.2%. #fc522d color hex could be obtained by blending #ffa45a with #f90000. Closest websafe color is: #ff6633.

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

● #fc522d color description : Bright red.

The hexadecimal color #fc522d has RGB values of R:252, G:82, B:45 and CMYK values of C:0, M:0.67, Y:0.82, K:0.01. Its decimal value is 16536109.

Hex triplet	fc522d	`#fc522d`
RGB Decimal	252, 82, 45	`rgb(252,82,45)`
RGB Percent	98.8, 32.2, 17.6	`rgb(98.8%,32.2%,17.6%)`
CMYK	0, 67, 82, 1
HSL	10.7°, 97.2, 58.2	`hsl(10.7,97.2%,58.2%)`
HSV (or HSB)	10.7°, 82.1, 98.8
Web Safe	ff6633	`#ff6633`

CIE-LAB	58.904, 62.862, 55.748
XYZ	43.638, 26.925, 5.382
xyY	0.575, 0.355, 26.925
CIE-LCH	58.904, 84.02, 41.568
CIE-LUV	58.904, 136.789, 41.581
Hunter-Lab	51.889, 59.311, 30.173
Binary	11111100, 01010010, 00101101

#fc522d
```
#fc522d rgb(252,82,45)
```
#2dd7fc
```
#2dd7fc rgb(45,215,252)
```

Complementary Color

#fc2d70
```
#fc2d70 rgb(252,45,112)
```
#fc522d
```
#fc522d rgb(252,82,45)
```
#fcba2d
```
#fcba2d rgb(252,186,45)
```

Analogous Color

#2d70fc
```
#2d70fc rgb(45,112,252)
```
#fc522d
```
#fc522d rgb(252,82,45)
```
#2dfcba
```
#2dfcba rgb(45,252,186)
```

Split Complementary Color

#522dfc
```
#522dfc rgb(82,45,252)
```
#fc522d
```
#fc522d rgb(252,82,45)
```
#2dfc52
```
#2dfc52 rgb(45,252,82)
```

Triadic Color

#fc2dd7
```
#fc2dd7 rgb(252,45,215)
```
#fc522d
```
#fc522d rgb(252,82,45)
```
#2dfc52
```
#2dfc52 rgb(45,252,82)
```
#2dd7fc
```
#2dd7fc rgb(45,215,252)
```

Tetradic Color

#d92903
```
#d92903 rgb(217,41,3)
```
#f32e03
```
#f32e03 rgb(243,46,3)
```
#fc3d14
```
#fc3d14 rgb(252,61,20)
```
#fc522d
```
#fc522d rgb(252,82,45)
```
#fc6746
```
#fc6746 rgb(252,103,70)
```
#fd7b5f
```
#fd7b5f rgb(253,123,95)
```
#fd9078
```
#fd9078 rgb(253,144,120)
```

Monochromatic Color

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

#fc2d3c
```
#fc2d3c rgb(252,45,60)
```
#fc2f2d
```
#fc2f2d rgb(252,47,45)
```
#fc412d
```
#fc412d rgb(252,65,45)
```
#fc522d
```
#fc522d rgb(252,82,45)
```
#fc632d
```
#fc632d rgb(252,99,45)
```
#fc752d
```
#fc752d rgb(252,117,45)
```
#fc862d
```
#fc862d rgb(252,134,45)
```

Similar Colors

Text with hexadecimal color #fc522d

This text has a font color of #fc522d.

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

#fc522d background color

This paragraph has a background color of #fc522d.

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

#fc522d border color

This element has a border color of #fc522d.

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

CSS codes

.text {color:#fc522d;}

.background {background-color:#fc522d;}

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

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 #fff1ee is the lightest one.

#030100
```
#030100 rgb(3,1,0)
```
#160400
```
#160400 rgb(22,4,0)
```
#290801
```
#290801 rgb(41,8,1)
```
#3d0c01
```
#3d0c01 rgb(61,12,1)
```
#500f01
```
#500f01 rgb(80,15,1)
```
#631301
```
#631301 rgb(99,19,1)
```
#771702
```
#771702 rgb(119,23,2)
```
#8a1a02
```
#8a1a02 rgb(138,26,2)
```
#9d1e02
```
#9d1e02 rgb(157,30,2)
```
#b12203
```
#b12203 rgb(177,34,3)
```
#c42503
```
#c42503 rgb(196,37,3)
```
#d72903
```
#d72903 rgb(215,41,3)
```
#eb2d03
```
#eb2d03 rgb(235,45,3)
```

Shade Color Variation

#fb3206
```
#fb3206 rgb(251,50,6)
```
#fc421a
```
#fc421a rgb(252,66,26)
```
#fc522d
```
#fc522d rgb(252,82,45)
```
#fc6240
```
#fc6240 rgb(252,98,64)
```
#fd7254
```
#fd7254 rgb(253,114,84)
```
#fd8267
```
#fd8267 rgb(253,130,103)
```
#fd927a
```
#fd927a rgb(253,146,122)
```
#fda28e
```
#fda28e rgb(253,162,142)
```
#feb2a1
```
#feb2a1 rgb(254,178,161)
```
#fec2b4
```
#fec2b4 rgb(254,194,180)
```
#fed1c8
```
#fed1c8 rgb(254,209,200)
```
#fee1db
```
#fee1db rgb(254,225,219)
```
#fff1ee
```
#fff1ee rgb(255,241,238)
```

Tint Color Variation

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

#9a918f
```
#9a918f rgb(154,145,143)
```
#a28c87
```
#a28c87 rgb(162,140,135)
```
#aa877f
```
#aa877f rgb(170,135,127)
```
#b28177
```
#b28177 rgb(178,129,119)
```
#ba7c6f
```
#ba7c6f rgb(186,124,111)
```
#c37766
```
#c37766 rgb(195,119,102)
```
#cb725e
```
#cb725e rgb(203,114,94)
```
#d36c56
```
#d36c56 rgb(211,108,86)
```
#db674e
```
#db674e rgb(219,103,78)
```
#e36246
```
#e36246 rgb(227,98,70)
```
#ec5d3d
```
#ec5d3d rgb(236,93,61)
```
#f45735
```
#f45735 rgb(244,87,53)
```
#fc522d
```
#fc522d rgb(252,82,45)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#9a7870 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a39346 Protanopia 1% of men
#b78c26 Deuteranopia 1% of men
#fd565a Tritanopia 0.001% of the population

Trichromacy

#c37b3d Protanomaly 1% of men, 0.01% of women
#d07728 Deuteranomaly 6% of men, 0.4% of women
#fc554a Tritanomaly 0.01% of the population

#fc522d hex color

#fc522d Color Information

#fc522d Color Conversion

Color Schemes with #fc522d

Alternatives to #fc522d

#fc522d Preview

Shades and Tints of #fc522d

Tones of #fc522d

Color Blindness Simulator