#fc5a2f hex color

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

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

● #fc5a2f color description : Bright red.

The hexadecimal color #fc5a2f has RGB values of R:252, G:90, B:47 and CMYK values of C:0, M:0.64, Y:0.81, K:0.01. Its decimal value is 16538159.

Hex triplet	fc5a2f	`#fc5a2f`
RGB Decimal	252, 90, 47	`rgb(252,90,47)`
RGB Percent	98.8, 35.3, 18.4	`rgb(98.8%,35.3%,18.4%)`
CMYK	0, 64, 81, 1
HSL	12.6°, 97.2, 58.6	`hsl(12.6,97.2%,58.6%)`
HSV (or HSB)	12.6°, 81.3, 98.8
Web Safe	ff6633	`#ff6633`

CIE-LAB	60.085, 59.76, 55.919
XYZ	44.316, 28.218, 5.802
xyY	0.566, 0.36, 28.218
CIE-LCH	60.085, 81.843, 43.098
CIE-LUV	60.085, 130.96, 43.199
Hunter-Lab	53.121, 55.954, 30.708
Binary	11111100, 01011010, 00101111

#fc5a2f
```
#fc5a2f rgb(252,90,47)
```
#2fd1fc
```
#2fd1fc rgb(47,209,252)
```

Complementary Color

#fc2f6b
```
#fc2f6b rgb(252,47,107)
```
#fc5a2f
```
#fc5a2f rgb(252,90,47)
```
#fcc12f
```
#fcc12f rgb(252,193,47)
```

Analogous Color

#2f6bfc
```
#2f6bfc rgb(47,107,252)
```
#fc5a2f
```
#fc5a2f rgb(252,90,47)
```
#2ffcc1
```
#2ffcc1 rgb(47,252,193)
```

Split Complementary Color

#5a2ffc
```
#5a2ffc rgb(90,47,252)
```
#fc5a2f
```
#fc5a2f rgb(252,90,47)
```
#2ffc5a
```
#2ffc5a rgb(47,252,90)
```

Triadic Color

#fc2fd1
```
#fc2fd1 rgb(252,47,209)
```
#fc5a2f
```
#fc5a2f rgb(252,90,47)
```
#2ffc5a
```
#2ffc5a rgb(47,252,90)
```
#2fd1fc
```
#2fd1fc rgb(47,209,252)
```

Tetradic Color

#db3103
```
#db3103 rgb(219,49,3)
```
#f43604
```
#f43604 rgb(244,54,4)
```
#fc4616
```
#fc4616 rgb(252,70,22)
```
#fc5a2f
```
#fc5a2f rgb(252,90,47)
```
#fc6e48
```
#fc6e48 rgb(252,110,72)
```
#fd8261
```
#fd8261 rgb(253,130,97)
```
#fd967a
```
#fd967a rgb(253,150,122)
```

Monochromatic Color

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

#fc2f37
```
#fc2f37 rgb(252,47,55)
```
#fc382f
```
#fc382f rgb(252,56,47)
```
#fc492f
```
#fc492f rgb(252,73,47)
```
#fc5a2f
```
#fc5a2f rgb(252,90,47)
```
#fc6b2f
```
#fc6b2f rgb(252,107,47)
```
#fc7c2f
```
#fc7c2f rgb(252,124,47)
```
#fc8d2f
```
#fc8d2f rgb(252,141,47)
```

Similar Colors

Text with hexadecimal color #fc5a2f

This text has a font color of #fc5a2f.

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

#fc5a2f background color

This paragraph has a background color of #fc5a2f.

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

#fc5a2f border color

This element has a border color of #fc5a2f.

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

CSS codes

.text {color:#fc5a2f;}

.background {background-color:#fc5a2f;}

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

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)
```
#180500
```
#180500 rgb(24,5,0)
```
#2b0a01
```
#2b0a01 rgb(43,10,1)
```
#3f0e01
```
#3f0e01 rgb(63,14,1)
```
#521201
```
#521201 rgb(82,18,1)
```
#651601
```
#651601 rgb(101,22,1)
```
#791b02
```
#791b02 rgb(121,27,2)
```
#8c1f02
```
#8c1f02 rgb(140,31,2)
```
#9f2302
```
#9f2302 rgb(159,35,2)
```
#b32803
```
#b32803 rgb(179,40,3)
```
#c62c03
```
#c62c03 rgb(198,44,3)
```
#d93003
```
#d93003 rgb(217,48,3)
```
#ed3403
```
#ed3403 rgb(237,52,3)
```

Shade Color Variation

#fb3b08
```
#fb3b08 rgb(251,59,8)
```
#fc4b1c
```
#fc4b1c rgb(252,75,28)
```
#fc5a2f
```
#fc5a2f rgb(252,90,47)
```
#fc6942
```
#fc6942 rgb(252,105,66)
```
#fd7956
```
#fd7956 rgb(253,121,86)
```
#fd8869
```
#fd8869 rgb(253,136,105)
```
#fd977c
```
#fd977c rgb(253,151,124)
```
#fda790
```
#fda790 rgb(253,167,144)
```
#feb6a3
```
#feb6a3 rgb(254,182,163)
```
#fec5b6
```
#fec5b6 rgb(254,197,182)
```
#fed5ca
```
#fed5ca rgb(254,213,202)
```
#ffe4dd
```
#ffe4dd rgb(255,228,221)
```
#fff3f0
```
#fff3f0 rgb(255,243,240)
```

Tint Color Variation

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

#9b9390
```
#9b9390 rgb(155,147,144)
```
#a38e88
```
#a38e88 rgb(163,142,136)
```
#ab8980
```
#ab8980 rgb(171,137,128)
```
#b38478
```
#b38478 rgb(179,132,120)
```
#bb8070
```
#bb8070 rgb(187,128,112)
```
#c37b68
```
#c37b68 rgb(195,123,104)
```
#cb7660
```
#cb7660 rgb(203,118,96)
```
#d37258
```
#d37258 rgb(211,114,88)
```
#dc6d4f
```
#dc6d4f rgb(220,109,79)
```
#e46847
```
#e46847 rgb(228,104,71)
```
#ec633f
```
#ec633f rgb(236,99,63)
```
#f45f37
```
#f45f37 rgb(244,95,55)
```
#fc5a2f
```
#fc5a2f rgb(252,90,47)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#9e7d75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a69647 Protanopia 1% of men
#bb8f2a Deuteranopia 1% of men
#fd5d62 Tritanopia 0.001% of the population

Trichromacy

#c5803e Protanomaly 1% of men, 0.01% of women
#d27b2b Deuteranomaly 6% of men, 0.4% of women
#fc5c4f Tritanomaly 0.01% of the population

#fc5a2f hex color

#fc5a2f Color Information

#fc5a2f Color Conversion

Color Schemes with #fc5a2f

Alternatives to #fc5a2f

#fc5a2f Preview

Shades and Tints of #fc5a2f

Tones of #fc5a2f

Color Blindness Simulator