#fc5a2d hex color

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

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

● #fc5a2d color description : Bright red.

The hexadecimal color #fc5a2d has RGB values of R:252, G:90, B:45 and CMYK values of C:0, M:0.64, Y:0.82, K:0.01. Its decimal value is 16538157.

Hex triplet	fc5a2d	`#fc5a2d`
RGB Decimal	252, 90, 45	`rgb(252,90,45)`
RGB Percent	98.8, 35.3, 17.6	`rgb(98.8%,35.3%,17.6%)`
CMYK	0, 64, 82, 1
HSL	13°, 97.2, 58.2	`hsl(13,97.2%,58.2%)`
HSV (or HSB)	13°, 82.1, 98.8
Web Safe	ff6633	`#ff6633`

CIE-LAB	60.071, 59.707, 56.804
XYZ	44.277, 28.202, 5.595
xyY	0.567, 0.361, 28.202
CIE-LCH	60.071, 82.411, 43.573
CIE-LUV	60.071, 131.205, 43.719
Hunter-Lab	53.106, 55.889, 30.928
Binary	11111100, 01011010, 00101101

#fc5a2d
```
#fc5a2d rgb(252,90,45)
```
#2dcffc
```
#2dcffc rgb(45,207,252)
```

Complementary Color

#fc2d68
```
#fc2d68 rgb(252,45,104)
```
#fc5a2d
```
#fc5a2d rgb(252,90,45)
```
#fcc22d
```
#fcc22d rgb(252,194,45)
```

Analogous Color

#2d68fc
```
#2d68fc rgb(45,104,252)
```
#fc5a2d
```
#fc5a2d rgb(252,90,45)
```
#2dfcc2
```
#2dfcc2 rgb(45,252,194)
```

Split Complementary Color

#5a2dfc
```
#5a2dfc rgb(90,45,252)
```
#fc5a2d
```
#fc5a2d rgb(252,90,45)
```
#2dfc5a
```
#2dfc5a rgb(45,252,90)
```

Triadic Color

#fc2dcf
```
#fc2dcf rgb(252,45,207)
```
#fc5a2d
```
#fc5a2d rgb(252,90,45)
```
#2dfc5a
```
#2dfc5a rgb(45,252,90)
```
#2dcffc
```
#2dcffc rgb(45,207,252)
```

Tetradic Color

#d93203
```
#d93203 rgb(217,50,3)
```
#f33703
```
#f33703 rgb(243,55,3)
```
#fc4614
```
#fc4614 rgb(252,70,20)
```
#fc5a2d
```
#fc5a2d rgb(252,90,45)
```
#fc6e46
```
#fc6e46 rgb(252,110,70)
```
#fd825f
```
#fd825f rgb(253,130,95)
```
#fd9578
```
#fd9578 rgb(253,149,120)
```

Monochromatic Color

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

#fc2d34
```
#fc2d34 rgb(252,45,52)
```
#fc382d
```
#fc382d rgb(252,56,45)
```
#fc492d
```
#fc492d rgb(252,73,45)
```
#fc5a2d
```
#fc5a2d rgb(252,90,45)
```
#fc6b2d
```
#fc6b2d rgb(252,107,45)
```
#fc7d2d
```
#fc7d2d rgb(252,125,45)
```
#fc8e2d
```
#fc8e2d rgb(252,142,45)
```

Similar Colors

Text with hexadecimal color #fc5a2d

This text has a font color of #fc5a2d.

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

#fc5a2d background color

This paragraph has a background color of #fc5a2d.

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

#fc5a2d border color

This element has a border color of #fc5a2d.

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

CSS codes

.text {color:#fc5a2d;}

.background {background-color:#fc5a2d;}

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

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

#030100
```
#030100 rgb(3,1,0)
```
#160500
```
#160500 rgb(22,5,0)
```
#290901
```
#290901 rgb(41,9,1)
```
#3d0e01
```
#3d0e01 rgb(61,14,1)
```
#501201
```
#501201 rgb(80,18,1)
```
#631701
```
#631701 rgb(99,23,1)
```
#771b02
```
#771b02 rgb(119,27,2)
```
#8a2002
```
#8a2002 rgb(138,32,2)
```
#9d2402
```
#9d2402 rgb(157,36,2)
```
#b12803
```
#b12803 rgb(177,40,3)
```
#c42d03
```
#c42d03 rgb(196,45,3)
```
#d73103
```
#d73103 rgb(215,49,3)
```
#eb3603
```
#eb3603 rgb(235,54,3)
```

Shade Color Variation

#fb3c06
```
#fb3c06 rgb(251,60,6)
```
#fc4b1a
```
#fc4b1a rgb(252,75,26)
```
#fc5a2d
```
#fc5a2d rgb(252,90,45)
```
#fc6940
```
#fc6940 rgb(252,105,64)
```
#fd7854
```
#fd7854 rgb(253,120,84)
```
#fd8867
```
#fd8867 rgb(253,136,103)
```
#fd977a
```
#fd977a rgb(253,151,122)
```
#fda68e
```
#fda68e rgb(253,166,142)
```
#feb5a1
```
#feb5a1 rgb(254,181,161)
```
#fec4b4
```
#fec4b4 rgb(254,196,180)
```
#fed4c8
```
#fed4c8 rgb(254,212,200)
```
#fee3db
```
#fee3db rgb(254,227,219)
```
#fff2ee
```
#fff2ee rgb(255,242,238)
```

Tint Color Variation

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

#9a928f
```
#9a928f rgb(154,146,143)
```
#a28d87
```
#a28d87 rgb(162,141,135)
```
#aa887f
```
#aa887f rgb(170,136,127)
```
#b28477
```
#b28477 rgb(178,132,119)
```
#ba7f6f
```
#ba7f6f rgb(186,127,111)
```
#c37a66
```
#c37a66 rgb(195,122,102)
```
#cb765e
```
#cb765e rgb(203,118,94)
```
#d37156
```
#d37156 rgb(211,113,86)
```
#db6d4e
```
#db6d4e rgb(219,109,78)
```
#e36846
```
#e36846 rgb(227,104,70)
```
#ec633d
```
#ec633d rgb(236,99,61)
```
#f45f35
```
#f45f35 rgb(244,95,53)
```
#fc5a2d
```
#fc5a2d rgb(252,90,45)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#9d7c73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a69645 Protanopia 1% of men
#bb8f27 Deuteranopia 1% of men
#fd5d62 Tritanopia 0.001% of the population

Trichromacy

#c5803c Protanomaly 1% of men, 0.01% of women
#d27b29 Deuteranomaly 6% of men, 0.4% of women
#fd5c4f Tritanomaly 0.01% of the population

#fc5a2d hex color

#fc5a2d Color Information

#fc5a2d Color Conversion

Color Schemes with #fc5a2d

Alternatives to #fc5a2d

#fc5a2d Preview

Shades and Tints of #fc5a2d

Tones of #fc5a2d

Color Blindness Simulator