#fd331f hex color

In a RGB color space, hex #fd331f is composed of 99.2% red, 20% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.8% magenta, 87.7% yellow and 0.8% black. It has a hue angle of 5.4 degrees, a saturation of 98.2% and a lightness of 55.7%. #fd331f color hex could be obtained by blending #ff663e 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

● #fd331f color description : Vivid red.

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

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

CIE-LAB	55.436, 72.748, 58.998
XYZ	41.941, 23.355, 3.596
xyY	0.609, 0.339, 23.355
CIE-LCH	55.436, 93.665, 39.042
CIE-LUV	55.436, 157.395, 38.317
Hunter-Lab	48.327, 70.344, 29.417
Binary	11111101, 00110011, 00011111

#fd331f
```
#fd331f rgb(253,51,31)
```
#1fe9fd
```
#1fe9fd rgb(31,233,253)
```

Complementary Color

#fd1f7a
```
#fd1f7a rgb(253,31,122)
```
#fd331f
```
#fd331f rgb(253,51,31)
```
#fda21f
```
#fda21f rgb(253,162,31)
```

Analogous Color

#1f7afd
```
#1f7afd rgb(31,122,253)
```
#fd331f
```
#fd331f rgb(253,51,31)
```
#1ffda2
```
#1ffda2 rgb(31,253,162)
```

Split Complementary Color

#331ffd
```
#331ffd rgb(51,31,253)
```
#fd331f
```
#fd331f rgb(253,51,31)
```
#1ffd33
```
#1ffd33 rgb(31,253,51)
```

Triadic Color

#fd1fe9
```
#fd1fe9 rgb(253,31,233)
```
#fd331f
```
#fd331f rgb(253,51,31)
```
#1ffd33
```
#1ffd33 rgb(31,253,51)
```
#1fe9fd
```
#1fe9fd rgb(31,233,253)
```

Tetradic Color

#ce1402
```
#ce1402 rgb(206,20,2)
```
#e71702
```
#e71702 rgb(231,23,2)
```
#fd1c06
```
#fd1c06 rgb(253,28,6)
```
#fd331f
```
#fd331f rgb(253,51,31)
```
#fd4a38
```
#fd4a38 rgb(253,74,56)
```
#fd6152
```
#fd6152 rgb(253,97,82)
```
#fe786b
```
#fe786b rgb(254,120,107)
```

Monochromatic Color

Below, you can see some colors close to #fd331f. 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)
```
#fd1f30
```
#fd1f30 rgb(253,31,48)
```
#fd211f
```
#fd211f rgb(253,33,31)
```
#fd331f
```
#fd331f rgb(253,51,31)
```
#fd461f
```
#fd461f rgb(253,70,31)
```
#fd581f
```
#fd581f rgb(253,88,31)
```
#fd6b1f
```
#fd6b1f rgb(253,107,31)
```

Similar Colors

Text with hexadecimal color #fd331f

This text has a font color of #fd331f.

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

#fd331f background color

This paragraph has a background color of #fd331f.

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

#fd331f border color

This element has a border color of #fd331f.

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

CSS codes

.text {color:#fd331f;}

.background {background-color:#fd331f;}

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

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)
```
#440701
```
#440701 rgb(68,7,1)
```
#570901
```
#570901 rgb(87,9,1)
```
#6b0a01
```
#6b0a01 rgb(107,10,1)
```
#7e0c01
```
#7e0c01 rgb(126,12,1)
```
#910e01
```
#910e01 rgb(145,14,1)
```
#a51001
```
#a51001 rgb(165,16,1)
```
#b81202
```
#b81202 rgb(184,18,2)
```
#cc1402
```
#cc1402 rgb(204,20,2)
```
#df1602
```
#df1602 rgb(223,22,2)
```
#f31802
```
#f31802 rgb(243,24,2)
```

Shade Color Variation

#fd210c
```
#fd210c rgb(253,33,12)
```
#fd331f
```
#fd331f rgb(253,51,31)
```
#fd4532
```
#fd4532 rgb(253,69,50)
```
#fd5646
```
#fd5646 rgb(253,86,70)
```
#fe6859
```
#fe6859 rgb(254,104,89)
```
#fe7a6d
```
#fe7a6d rgb(254,122,109)
```
#fe8c80
```
#fe8c80 rgb(254,140,128)
```
#fe9d94
```
#fe9d94 rgb(254,157,148)
```
#feafa7
```
#feafa7 rgb(254,175,167)
```
#fec1bb
```
#fec1bb rgb(254,193,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, #958987 is the less saturated color, while #fd331f is the most saturated one.

#958987
```
#958987 rgb(149,137,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)
```
#c0655c
```
#c0655c rgb(192,101,92)
```
#c95e53
```
#c95e53 rgb(201,94,83)
```
#d2574a
```
#d2574a rgb(210,87,74)
```
#da5042
```
#da5042 rgb(218,80,66)
```
#e34839
```
#e34839 rgb(227,72,57)
```
#ec4130
```
#ec4130 rgb(236,65,48)
```
#f43a28
```
#f43a28 rgb(244,58,40)
```
#fd331f
```
#fd331f rgb(253,51,31)
```

Tone Color Variation

Below, you can see how #fd331f 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
#ae8400 Deuteranopia 1% of men
#fd3b3b Tritanopia 0.001% of the population

Trichromacy

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

#fd331f hex color

#fd331f Color Information

#fd331f Color Conversion

Color Schemes with #fd331f

Alternatives to #fd331f

#fd331f Preview

Shades and Tints of #fd331f

Tones of #fd331f

Color Blindness Simulator