#fc522f hex color

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

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

● #fc522f color description : Bright red.

The hexadecimal color #fc522f has RGB values of R:252, G:82, B:47 and CMYK values of C:0, M:0.67, Y:0.81, K:0.01. Its decimal value is 16536111.

Hex triplet	fc522f	`#fc522f`
RGB Decimal	252, 82, 47	`rgb(252,82,47)`
RGB Percent	98.8, 32.2, 18.4	`rgb(98.8%,32.2%,18.4%)`
CMYK	0, 67, 81, 1
HSL	10.2°, 97.2, 58.6	`hsl(10.2,97.2%,58.6%)`
HSV (or HSB)	10.2°, 81.3, 98.8
Web Safe	ff6633	`#ff6633`

CIE-LAB	58.919, 62.915, 54.841
XYZ	43.677, 26.94, 5.589
xyY	0.573, 0.354, 26.94
CIE-LCH	58.919, 83.461, 41.078
CIE-LUV	58.919, 136.525, 41.05
Hunter-Lab	51.904, 59.376, 29.948
Binary	11111100, 01010010, 00101111

#fc522f
```
#fc522f rgb(252,82,47)
```
#2fd9fc
```
#2fd9fc rgb(47,217,252)
```

Complementary Color

#fc2f73
```
#fc2f73 rgb(252,47,115)
```
#fc522f
```
#fc522f rgb(252,82,47)
```
#fcb92f
```
#fcb92f rgb(252,185,47)
```

Analogous Color

#2f73fc
```
#2f73fc rgb(47,115,252)
```
#fc522f
```
#fc522f rgb(252,82,47)
```
#2ffcb9
```
#2ffcb9 rgb(47,252,185)
```

Split Complementary Color

#522ffc
```
#522ffc rgb(82,47,252)
```
#fc522f
```
#fc522f rgb(252,82,47)
```
#2ffc52
```
#2ffc52 rgb(47,252,82)
```

Triadic Color

#fc2fd9
```
#fc2fd9 rgb(252,47,217)
```
#fc522f
```
#fc522f rgb(252,82,47)
```
#2ffc52
```
#2ffc52 rgb(47,252,82)
```
#2fd9fc
```
#2fd9fc rgb(47,217,252)
```

Tetradic Color

#db2803
```
#db2803 rgb(219,40,3)
```
#f42d04
```
#f42d04 rgb(244,45,4)
```
#fc3d16
```
#fc3d16 rgb(252,61,22)
```
#fc522f
```
#fc522f rgb(252,82,47)
```
#fc6748
```
#fc6748 rgb(252,103,72)
```
#fd7c61
```
#fd7c61 rgb(253,124,97)
```
#fd917a
```
#fd917a rgb(253,145,122)
```

Monochromatic Color

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

#fc2f3f
```
#fc2f3f rgb(252,47,63)
```
#fc302f
```
#fc302f rgb(252,48,47)
```
#fc412f
```
#fc412f rgb(252,65,47)
```
#fc522f
```
#fc522f rgb(252,82,47)
```
#fc632f
```
#fc632f rgb(252,99,47)
```
#fc742f
```
#fc742f rgb(252,116,47)
```
#fc852f
```
#fc852f rgb(252,133,47)
```

Similar Colors

Text with hexadecimal color #fc522f

This text has a font color of #fc522f.

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

#fc522f background color

This paragraph has a background color of #fc522f.

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

#fc522f border color

This element has a border color of #fc522f.

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

CSS codes

.text {color:#fc522f;}

.background {background-color:#fc522f;}

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

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

#050100
```
#050100 rgb(5,1,0)
```
#180400
```
#180400 rgb(24,4,0)
```
#2b0801
```
#2b0801 rgb(43,8,1)
```
#3f0b01
```
#3f0b01 rgb(63,11,1)
```
#520f01
```
#520f01 rgb(82,15,1)
```
#651301
```
#651301 rgb(101,19,1)
```
#791602
```
#791602 rgb(121,22,2)
```
#8c1a02
```
#8c1a02 rgb(140,26,2)
```
#9f1d02
```
#9f1d02 rgb(159,29,2)
```
#b32103
```
#b32103 rgb(179,33,3)
```
#c62403
```
#c62403 rgb(198,36,3)
```
#d92803
```
#d92803 rgb(217,40,3)
```
#ed2b03
```
#ed2b03 rgb(237,43,3)
```

Shade Color Variation

#fb3208
```
#fb3208 rgb(251,50,8)
```
#fc421c
```
#fc421c rgb(252,66,28)
```
#fc522f
```
#fc522f rgb(252,82,47)
```
#fc6242
```
#fc6242 rgb(252,98,66)
```
#fd7256
```
#fd7256 rgb(253,114,86)
```
#fd8269
```
#fd8269 rgb(253,130,105)
```
#fd927c
```
#fd927c rgb(253,146,124)
```
#fda290
```
#fda290 rgb(253,162,144)
```
#feb2a3
```
#feb2a3 rgb(254,178,163)
```
#fec3b6
```
#fec3b6 rgb(254,195,182)
```
#fed3ca
```
#fed3ca rgb(254,211,202)
```
#ffe3dd
```
#ffe3dd rgb(255,227,221)
```
#fff3f0
```
#fff3f0 rgb(255,243,240)
```

Tint Color Variation

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

#9b9290
```
#9b9290 rgb(155,146,144)
```
#a38d88
```
#a38d88 rgb(163,141,136)
```
#ab8780
```
#ab8780 rgb(171,135,128)
```
#b38278
```
#b38278 rgb(179,130,120)
```
#bb7d70
```
#bb7d70 rgb(187,125,112)
```
#c37768
```
#c37768 rgb(195,119,104)
```
#cb7260
```
#cb7260 rgb(203,114,96)
```
#d36d58
```
#d36d58 rgb(211,109,88)
```
#dc674f
```
#dc674f rgb(220,103,79)
```
#e46247
```
#e46247 rgb(228,98,71)
```
#ec5d3f
```
#ec5d3f rgb(236,93,63)
```
#f45737
```
#f45737 rgb(244,87,55)
```
#fc522f
```
#fc522f rgb(252,82,47)
```

Tone Color Variation

Below, you can see how #fc522f 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
#9a7871 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a39348 Protanopia 1% of men
#b78c29 Deuteranopia 1% of men
#fd575b Tritanopia 0.001% of the population

Trichromacy

#c37b3f Protanomaly 1% of men, 0.01% of women
#d0772b Deuteranomaly 6% of men, 0.4% of women
#fc554b Tritanomaly 0.01% of the population

#fc522f hex color

#fc522f Color Information

#fc522f Color Conversion

Color Schemes with #fc522f

Alternatives to #fc522f

#fc522f Preview

Shades and Tints of #fc522f

Tones of #fc522f

Color Blindness Simulator