#fc5f46 hex color

In a RGB color space, hex #fc5f46 is composed of 98.8% red, 37.3% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.3% magenta, 72.2% yellow and 1.2% black. It has a hue angle of 8.2 degrees, a saturation of 96.8% and a lightness of 63.1%. #fc5f46 color hex could be obtained by blending #ffbe8c with #f90000. Closest websafe color is: #ff6633.

♥
- f
- t
- g
- R 99
- G 37
- B 27
RGB color chart
- C 0
- M 62
- Y 72
- K 1
CMYK color chart

● #fc5f46 color description : Bright red.

The hexadecimal color #fc5f46 has RGB values of R:252, G:95, B:70 and CMYK values of C:0, M:0.62, Y:0.72, K:0.01. Its decimal value is 16539462.

Hex triplet	fc5f46	`#fc5f46`
RGB Decimal	252, 95, 70	`rgb(252,95,70)`
RGB Percent	98.8, 37.3, 27.5	`rgb(98.8%,37.3%,27.5%)`
CMYK	0, 62, 72, 1
HSL	8.2°, 96.8, 63.1	`hsl(8.2,96.8%,63.1%)`
HSV (or HSB)	8.2°, 72.2, 98.8
Web Safe	ff6633	`#ff6633`

CIE-LAB	61.069, 58.495, 45.541
XYZ	45.344, 29.327, 9.067
xyY	0.542, 0.35, 29.327
CIE-LCH	61.069, 74.133, 37.902
CIE-LUV	61.069, 123.93, 37.094
Hunter-Lab	54.154, 54.691, 27.981
Binary	11111100, 01011111, 01000110

#fc5f46
```
#fc5f46 rgb(252,95,70)
```
#46e3fc
```
#46e3fc rgb(70,227,252)
```

Complementary Color

#fc4688
```
#fc4688 rgb(252,70,136)
```
#fc5f46
```
#fc5f46 rgb(252,95,70)
```
#fcba46
```
#fcba46 rgb(252,186,70)
```

Analogous Color

#4688fc
```
#4688fc rgb(70,136,252)
```
#fc5f46
```
#fc5f46 rgb(252,95,70)
```
#46fcba
```
#46fcba rgb(70,252,186)
```

Split Complementary Color

#5f46fc
```
#5f46fc rgb(95,70,252)
```
#fc5f46
```
#fc5f46 rgb(252,95,70)
```
#46fc5f
```
#46fc5f rgb(70,252,95)
```

Triadic Color

#fc46e3
```
#fc46e3 rgb(252,70,227)
```
#fc5f46
```
#fc5f46 rgb(252,95,70)
```
#46fc5f
```
#46fc5f rgb(70,252,95)
```
#46e3fc
```
#46e3fc rgb(70,227,252)
```

Tetradic Color

#f22504
```
#f22504 rgb(242,37,4)
```
#fb3414
```
#fb3414 rgb(251,52,20)
```
#fc492d
```
#fc492d rgb(252,73,45)
```
#fc5f46
```
#fc5f46 rgb(252,95,70)
```
#fc755f
```
#fc755f rgb(252,117,95)
```
#fd8a78
```
#fd8a78 rgb(253,138,120)
```
#fda091
```
#fda091 rgb(253,160,145)
```

Monochromatic Color

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

#fc465a
```
#fc465a rgb(252,70,90)
```
#fc464b
```
#fc464b rgb(252,70,75)
```
#fc5046
```
#fc5046 rgb(252,80,70)
```
#fc5f46
```
#fc5f46 rgb(252,95,70)
```
#fc6e46
```
#fc6e46 rgb(252,110,70)
```
#fc7d46
```
#fc7d46 rgb(252,125,70)
```
#fc8d46
```
#fc8d46 rgb(252,141,70)
```

Similar Colors

Text with hexadecimal color #fc5f46

This text has a font color of #fc5f46.

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

#fc5f46 background color

This paragraph has a background color of #fc5f46.

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

#fc5f46 border color

This element has a border color of #fc5f46.

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

CSS codes

.text {color:#fc5f46;}

.background {background-color:#fc5f46;}

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

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

#080100
```
#080100 rgb(8,1,0)
```
#1b0400
```
#1b0400 rgb(27,4,0)
```
#2f0701
```
#2f0701 rgb(47,7,1)
```
#420a01
```
#420a01 rgb(66,10,1)
```
#550d01
```
#550d01 rgb(85,13,1)
```
#691002
```
#691002 rgb(105,16,2)
```
#7c1302
```
#7c1302 rgb(124,19,2)
```
#8f1602
```
#8f1602 rgb(143,22,2)
```
#a21903
```
#a21903 rgb(162,25,3)
```
#b61c03
```
#b61c03 rgb(182,28,3)
```
#c91e03
```
#c91e03 rgb(201,30,3)
```
#dc2104
```
#dc2104 rgb(220,33,4)
```
#f02404
```
#f02404 rgb(240,36,4)
```

Shade Color Variation

#fb2d0c
```
#fb2d0c rgb(251,45,12)
```
#fb3e1f
```
#fb3e1f rgb(251,62,31)
```
#fc4e33
```
#fc4e33 rgb(252,78,51)
```
#fc5f46
```
#fc5f46 rgb(252,95,70)
```
#fc7059
```
#fc7059 rgb(252,112,89)
```
#fd806d
```
#fd806d rgb(253,128,109)
```
#fd9180
```
#fd9180 rgb(253,145,128)
```
#fda293
```
#fda293 rgb(253,162,147)
```
#feb2a7
```
#feb2a7 rgb(254,178,167)
```
#fec3ba
```
#fec3ba rgb(254,195,186)
```
#fed4cd
```
#fed4cd rgb(254,212,205)
```
#ffe5e0
```
#ffe5e0 rgb(255,229,224)
```
#fff5f4
```
#fff5f4 rgb(255,245,244)
```

Tint Color Variation

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

#a59e9d
```
#a59e9d rgb(165,158,157)
```
#ac9996
```
#ac9996 rgb(172,153,150)
```
#b4938e
```
#b4938e rgb(180,147,142)
```
#bb8e87
```
#bb8e87 rgb(187,142,135)
```
#c28980
```
#c28980 rgb(194,137,128)
```
#c98479
```
#c98479 rgb(201,132,121)
```
#d17e71
```
#d17e71 rgb(209,126,113)
```
#d8796a
```
#d8796a rgb(216,121,106)
```
#df7463
```
#df7463 rgb(223,116,99)
```
#e66f5c
```
#e66f5c rgb(230,111,92)
```
#ee6954
```
#ee6954 rgb(238,105,84)
```
#f5644d
```
#f5644d rgb(245,100,77)
```
#fc5f46
```
#fc5f46 rgb(252,95,70)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#a2827d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6985f Protanopia 1% of men
#bc9244 Deuteranopia 1% of men
#fd6369 Tritanopia 0.001% of the population

Trichromacy

#c58355 Protanomaly 1% of men, 0.01% of women
#d37f45 Deuteranomaly 6% of men, 0.4% of women
#fc625c Tritanomaly 0.01% of the population

#fc5f46 hex color

#fc5f46 Color Information

#fc5f46 Color Conversion

Color Schemes with #fc5f46

Alternatives to #fc5f46

#fc5f46 Preview

Shades and Tints of #fc5f46

Tones of #fc5f46

Color Blindness Simulator