#fd321f hex color

In a RGB color space, hex #fd321f is composed of 99.2% red, 19.6% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.2% magenta, 87.7% yellow and 0.8% black. It has a hue angle of 5.1 degrees, a saturation of 98.2% and a lightness of 55.7%. #fd321f color hex could be obtained by blending #ff643e with #fb0000. Closest websafe color is: #ff3333.

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

● #fd321f color description : Vivid red.

The hexadecimal color #fd321f has RGB values of R:253, G:50, B:31 and CMYK values of C:0, M:0.8, Y:0.88, K:0.01. Its decimal value is 16593439.

Hex triplet	fd321f	`#fd321f`
RGB Decimal	253, 50, 31	`rgb(253,50,31)`
RGB Percent	99.2, 19.6, 12.2	`rgb(99.2%,19.6%,12.2%)`
CMYK	0, 80, 88, 1
HSL	5.1°, 98.2, 55.7	`hsl(5.1,98.2%,55.7%)`
HSV (or HSB)	5.1°, 87.7, 99.2
Web Safe	ff3333	`#ff3333`

CIE-LAB	55.347, 72.998, 58.932
XYZ	41.898, 23.268, 3.581
xyY	0.609, 0.338, 23.268
CIE-LCH	55.347, 93.817, 38.914
CIE-LUV	55.347, 157.866, 38.154
Hunter-Lab	48.237, 70.628, 29.364
Binary	11111101, 00110010, 00011111

#fd321f
```
#fd321f rgb(253,50,31)
```
#1feafd
```
#1feafd rgb(31,234,253)
```

Complementary Color

#fd1f7b
```
#fd1f7b rgb(253,31,123)
```
#fd321f
```
#fd321f rgb(253,50,31)
```
#fda11f
```
#fda11f rgb(253,161,31)
```

Analogous Color

#1f7bfd
```
#1f7bfd rgb(31,123,253)
```
#fd321f
```
#fd321f rgb(253,50,31)
```
#1ffda1
```
#1ffda1 rgb(31,253,161)
```

Split Complementary Color

#321ffd
```
#321ffd rgb(50,31,253)
```
#fd321f
```
#fd321f rgb(253,50,31)
```
#1ffd32
```
#1ffd32 rgb(31,253,50)
```

Triadic Color

#fd1fea
```
#fd1fea rgb(253,31,234)
```
#fd321f
```
#fd321f rgb(253,50,31)
```
#1ffd32
```
#1ffd32 rgb(31,253,50)
```
#1feafd
```
#1feafd rgb(31,234,253)
```

Tetradic Color

#ce1302
```
#ce1302 rgb(206,19,2)
```
#e71602
```
#e71602 rgb(231,22,2)
```
#fd1b06
```
#fd1b06 rgb(253,27,6)
```
#fd321f
```
#fd321f rgb(253,50,31)
```
#fd4938
```
#fd4938 rgb(253,73,56)
```
#fd6052
```
#fd6052 rgb(253,96,82)
```
#fe776b
```
#fe776b rgb(254,119,107)
```

Monochromatic Color

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

#fd1f43
```
#fd1f43 rgb(253,31,67)
```
#fd1f31
```
#fd1f31 rgb(253,31,49)
```
#fd201f
```
#fd201f rgb(253,32,31)
```
#fd321f
```
#fd321f rgb(253,50,31)
```
#fd451f
```
#fd451f rgb(253,69,31)
```
#fd571f
```
#fd571f rgb(253,87,31)
```
#fd6a1f
```
#fd6a1f rgb(253,106,31)
```

Similar Colors

Text with hexadecimal color #fd321f

This text has a font color of #fd321f.

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

#fd321f background color

This paragraph has a background color of #fd321f.

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

#fd321f border color

This element has a border color of #fd321f.

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

CSS codes

.text {color:#fd321f;}

.background {background-color:#fd321f;}

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

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

#090100
```
#090100 rgb(9,1,0)
```
#1d0300
```
#1d0300 rgb(29,3,0)
```
#300500
```
#300500 rgb(48,5,0)
```
#440601
```
#440601 rgb(68,6,1)
```
#570801
```
#570801 rgb(87,8,1)
```
#6b0a01
```
#6b0a01 rgb(107,10,1)
```
#7e0c01
```
#7e0c01 rgb(126,12,1)
```
#910e01
```
#910e01 rgb(145,14,1)
```
#a50f01
```
#a50f01 rgb(165,15,1)
```
#b81102
```
#b81102 rgb(184,17,2)
```
#cc1302
```
#cc1302 rgb(204,19,2)
```
#df1502
```
#df1502 rgb(223,21,2)
```
#f31702
```
#f31702 rgb(243,23,2)
```

Shade Color Variation

#fd200c
```
#fd200c rgb(253,32,12)
```
#fd321f
```
#fd321f rgb(253,50,31)
```
#fd4432
```
#fd4432 rgb(253,68,50)
```
#fd5646
```
#fd5646 rgb(253,86,70)
```
#fe6759
```
#fe6759 rgb(254,103,89)
```
#fe796d
```
#fe796d rgb(254,121,109)
```
#fe8b80
```
#fe8b80 rgb(254,139,128)
```
#fe9d94
```
#fe9d94 rgb(254,157,148)
```
#feafa7
```
#feafa7 rgb(254,175,167)
```
#fec0bb
```
#fec0bb rgb(254,192,187)
```
#ffd2ce
```
#ffd2ce rgb(255,210,206)
```
#ffe4e1
```
#ffe4e1 rgb(255,228,225)
```
#fff6f5
```
#fff6f5 rgb(255,246,245)
```

Tint Color Variation

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

#958887
```
#958887 rgb(149,136,135)
```
#9d817f
```
#9d817f rgb(157,129,127)
```
#a67a76
```
#a67a76 rgb(166,122,118)
```
#af736d
```
#af736d rgb(175,115,109)
```
#b76c65
```
#b76c65 rgb(183,108,101)
```
#c0645c
```
#c0645c rgb(192,100,92)
```
#c95d53
```
#c95d53 rgb(201,93,83)
```
#d2564a
```
#d2564a rgb(210,86,74)
```
#da4f42
```
#da4f42 rgb(218,79,66)
```
#e34839
```
#e34839 rgb(227,72,57)
```
#ec4030
```
#ec4030 rgb(236,64,48)
```
#f43928
```
#f43928 rgb(244,57,40)
```
#fd321f
```
#fd321f rgb(253,50,31)
```

Tone Color Variation

Below, you can see how #fd321f 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
#8a615d Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#be6a31 Protanomaly 1% of men, 0.01% of women
#ca660b Deuteranomaly 6% of men, 0.4% of women
#fd3730 Tritanomaly 0.01% of the population

#fd321f hex color

#fd321f Color Information

#fd321f Color Conversion

Color Schemes with #fd321f

Alternatives to #fd321f

#fd321f Preview

Shades and Tints of #fd321f

Tones of #fd321f

Color Blindness Simulator