#fc341f hex color

In a RGB color space, hex #fc341f is composed of 98.8% red, 20.4% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.4% magenta, 87.7% yellow and 1.2% black. It has a hue angle of 5.7 degrees, a saturation of 97.4% and a lightness of 55.5%. #fc341f color hex could be obtained by blending #ff683e with #f90000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 99
- G 20
- B 12
RGB color chart
- C 0
- M 79
- Y 88
- K 1
CMYK color chart

● #fc341f color description : Vivid red.

The hexadecimal color #fc341f has RGB values of R:252, G:52, B:31 and CMYK values of C:0, M:0.79, Y:0.88, K:0.01. Its decimal value is 16528415.

Hex triplet	fc341f	`#fc341f`
RGB Decimal	252, 52, 31	`rgb(252,52,31)`
RGB Percent	98.8, 20.4, 12.2	`rgb(98.8%,20.4%,12.2%)`
CMYK	0, 79, 88, 1
HSL	5.7°, 97.4, 55.5	`hsl(5.7,97.4%,55.5%)`
HSV (or HSB)	5.7°, 87.7, 98.8
Web Safe	ff3333	`#ff3333`

CIE-LAB	55.335, 72.216, 58.838
XYZ	41.622, 23.256, 3.594
xyY	0.608, 0.34, 23.256
CIE-LCH	55.335, 93.151, 39.171
CIE-LUV	55.335, 156.171, 38.343
Hunter-Lab	48.224, 69.672, 29.339
Binary	11111100, 00110100, 00011111

#fc341f
```
#fc341f rgb(252,52,31)
```
#1fe7fc
```
#1fe7fc rgb(31,231,252)
```

Complementary Color

#fc1f79
```
#fc1f79 rgb(252,31,121)
```
#fc341f
```
#fc341f rgb(252,52,31)
```
#fca31f
```
#fca31f rgb(252,163,31)
```

Analogous Color

#1f79fc
```
#1f79fc rgb(31,121,252)
```
#fc341f
```
#fc341f rgb(252,52,31)
```
#1ffca3
```
#1ffca3 rgb(31,252,163)
```

Split Complementary Color

#341ffc
```
#341ffc rgb(52,31,252)
```
#fc341f
```
#fc341f rgb(252,52,31)
```
#1ffc34
```
#1ffc34 rgb(31,252,52)
```

Triadic Color

#fc1fe7
```
#fc1fe7 rgb(252,31,231)
```
#fc341f
```
#fc341f rgb(252,52,31)
```
#1ffc34
```
#1ffc34 rgb(31,252,52)
```
#1fe7fc
```
#1fe7fc rgb(31,231,252)
```

Tetradic Color

#cc1603
```
#cc1603 rgb(204,22,3)
```
#e51903
```
#e51903 rgb(229,25,3)
```
#fc1d06
```
#fc1d06 rgb(252,29,6)
```
#fc341f
```
#fc341f rgb(252,52,31)
```
#fc4b38
```
#fc4b38 rgb(252,75,56)
```
#fd6251
```
#fd6251 rgb(253,98,81)
```
#fd786a
```
#fd786a rgb(253,120,106)
```

Monochromatic Color

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

#fc1f41
```
#fc1f41 rgb(252,31,65)
```
#fc1f2f
```
#fc1f2f rgb(252,31,47)
```
#fc221f
```
#fc221f rgb(252,34,31)
```
#fc341f
```
#fc341f rgb(252,52,31)
```
#fc461f
```
#fc461f rgb(252,70,31)
```
#fc591f
```
#fc591f rgb(252,89,31)
```
#fc6b1f
```
#fc6b1f rgb(252,107,31)
```

Similar Colors

Text with hexadecimal color #fc341f

This text has a font color of #fc341f.

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

#fc341f background color

This paragraph has a background color of #fc341f.

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

#fc341f border color

This element has a border color of #fc341f.

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

CSS codes

.text {color:#fc341f;}

.background {background-color:#fc341f;}

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

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)
```
#1c0300
```
#1c0300 rgb(28,3,0)
```
#2f0501
```
#2f0501 rgb(47,5,1)
```
#420701
```
#420701 rgb(66,7,1)
```
#560901
```
#560901 rgb(86,9,1)
```
#690b01
```
#690b01 rgb(105,11,1)
```
#7c0d02
```
#7c0d02 rgb(124,13,2)
```
#900f02
```
#900f02 rgb(144,15,2)
```
#a31102
```
#a31102 rgb(163,17,2)
```
#b61402
```
#b61402 rgb(182,20,2)
```
#ca1603
```
#ca1603 rgb(202,22,3)
```
#dd1803
```
#dd1803 rgb(221,24,3)
```
#f11a03
```
#f11a03 rgb(241,26,3)
```

Shade Color Variation

#fc220c
```
#fc220c rgb(252,34,12)
```
#fc341f
```
#fc341f rgb(252,52,31)
```
#fc4632
```
#fc4632 rgb(252,70,50)
```
#fd5746
```
#fd5746 rgb(253,87,70)
```
#fd6959
```
#fd6959 rgb(253,105,89)
```
#fd7a6c
```
#fd7a6c rgb(253,122,108)
```
#fd8c80
```
#fd8c80 rgb(253,140,128)
```
#fe9d93
```
#fe9d93 rgb(254,157,147)
```
#feafa6
```
#feafa6 rgb(254,175,166)
```
#fec0ba
```
#fec0ba rgb(254,192,186)
```
#fed2cd
```
#fed2cd rgb(254,210,205)
```
#ffe3e1
```
#ffe3e1 rgb(255,227,225)
```
#fff5f4
```
#fff5f4 rgb(255,245,244)
```

Tint Color Variation

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

#938988
```
#938988 rgb(147,137,136)
```
#9c827f
```
#9c827f rgb(156,130,127)
```
#a57b76
```
#a57b76 rgb(165,123,118)
```
#ad746e
```
#ad746e rgb(173,116,110)
```
#b66d65
```
#b66d65 rgb(182,109,101)
```
#bf665c
```
#bf665c rgb(191,102,92)
```
#c85e53
```
#c85e53 rgb(200,94,83)
```
#d0574b
```
#d0574b rgb(208,87,75)
```
#d95042
```
#d95042 rgb(217,80,66)
```
#e24939
```
#e24939 rgb(226,73,57)
```
#eb4230
```
#eb4230 rgb(235,66,48)
```
#f33b28
```
#f33b28 rgb(243,59,40)
```
#fc341f
```
#fc341f rgb(252,52,31)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#8a625d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a8b3c Protanopia 1% of men
#ad8400 Deuteranopia 1% of men
#fc3c3c Tritanopia 0.001% of the population

Trichromacy

#bd6b31 Protanomaly 1% of men, 0.01% of women
#ca670b Deuteranomaly 6% of men, 0.4% of women
#fc3932 Tritanomaly 0.01% of the population

#fc341f hex color

#fc341f Color Information

#fc341f Color Conversion

Color Schemes with #fc341f

Alternatives to #fc341f

#fc341f Preview

Shades and Tints of #fc341f

Tones of #fc341f

Color Blindness Simulator