#fd271f hex color

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

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

● #fd271f color description : Vivid red.

The hexadecimal color #fd271f has RGB values of R:253, G:39, B:31 and CMYK values of C:0, M:0.85, Y:0.88, K:0.01. Its decimal value is 16590623.

Hex triplet	fd271f	`#fd271f`
RGB Decimal	253, 39, 31	`rgb(253,39,31)`
RGB Percent	99.2, 15.3, 12.2	`rgb(99.2%,15.3%,12.2%)`
CMYK	0, 85, 88, 1
HSL	2.2°, 98.2, 55.7	`hsl(2.2,98.2%,55.7%)`
HSV (or HSB)	2.2°, 87.7, 99.2
Web Safe	ff3333	`#ff3333`

CIE-LAB	54.489, 75.439, 58.287
XYZ	41.483, 22.438, 3.443
xyY	0.616, 0.333, 22.438
CIE-LCH	54.489, 95.333, 37.691
CIE-LUV	54.489, 162.496, 36.566
Hunter-Lab	47.369, 73.426, 28.849
Binary	11111101, 00100111, 00011111

#fd271f
```
#fd271f rgb(253,39,31)
```
#1ff5fd
```
#1ff5fd rgb(31,245,253)
```

Complementary Color

#fd1f86
```
#fd1f86 rgb(253,31,134)
```
#fd271f
```
#fd271f rgb(253,39,31)
```
#fd961f
```
#fd961f rgb(253,150,31)
```

Analogous Color

#1f86fd
```
#1f86fd rgb(31,134,253)
```
#fd271f
```
#fd271f rgb(253,39,31)
```
#1ffd96
```
#1ffd96 rgb(31,253,150)
```

Split Complementary Color

#271ffd
```
#271ffd rgb(39,31,253)
```
#fd271f
```
#fd271f rgb(253,39,31)
```
#1ffd27
```
#1ffd27 rgb(31,253,39)
```

Triadic Color

#fd1ff5
```
#fd1ff5 rgb(253,31,245)
```
#fd271f
```
#fd271f rgb(253,39,31)
```
#1ffd27
```
#1ffd27 rgb(31,253,39)
```
#1ff5fd
```
#1ff5fd rgb(31,245,253)
```

Tetradic Color

#ce0902
```
#ce0902 rgb(206,9,2)
```
#e70a02
```
#e70a02 rgb(231,10,2)
```
#fd0f06
```
#fd0f06 rgb(253,15,6)
```
#fd271f
```
#fd271f rgb(253,39,31)
```
#fd3f38
```
#fd3f38 rgb(253,63,56)
```
#fd5852
```
#fd5852 rgb(253,88,82)
```
#fe706b
```
#fe706b rgb(254,112,107)
```

Monochromatic Color

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

#fd1f4e
```
#fd1f4e rgb(253,31,78)
```
#fd1f3c
```
#fd1f3c rgb(253,31,60)
```
#fd1f2a
```
#fd1f2a rgb(253,31,42)
```
#fd271f
```
#fd271f rgb(253,39,31)
```
#fd3a1f
```
#fd3a1f rgb(253,58,31)
```
#fd4c1f
```
#fd4c1f rgb(253,76,31)
```
#fd5f1f
```
#fd5f1f rgb(253,95,31)
```

Similar Colors

Text with hexadecimal color #fd271f

This text has a font color of #fd271f.

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

#fd271f background color

This paragraph has a background color of #fd271f.

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

#fd271f border color

This element has a border color of #fd271f.

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

CSS codes

.text {color:#fd271f;}

.background {background-color:#fd271f;}

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

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

#090000
```
#090000 rgb(9,0,0)
```
#1d0100
```
#1d0100 rgb(29,1,0)
```
#300200
```
#300200 rgb(48,2,0)
```
#440301
```
#440301 rgb(68,3,1)
```
#570401
```
#570401 rgb(87,4,1)
```
#6b0501
```
#6b0501 rgb(107,5,1)
```
#7e0601
```
#7e0601 rgb(126,6,1)
```
#910601
```
#910601 rgb(145,6,1)
```
#a50701
```
#a50701 rgb(165,7,1)
```
#b80802
```
#b80802 rgb(184,8,2)
```
#cc0902
```
#cc0902 rgb(204,9,2)
```
#df0a02
```
#df0a02 rgb(223,10,2)
```
#f30b02
```
#f30b02 rgb(243,11,2)
```

Shade Color Variation

#fd140c
```
#fd140c rgb(253,20,12)
```
#fd271f
```
#fd271f rgb(253,39,31)
```
#fd3a32
```
#fd3a32 rgb(253,58,50)
```
#fd4c46
```
#fd4c46 rgb(253,76,70)
```
#fe5f59
```
#fe5f59 rgb(254,95,89)
```
#fe726d
```
#fe726d rgb(254,114,109)
```
#fe8580
```
#fe8580 rgb(254,133,128)
```
#fe9794
```
#fe9794 rgb(254,151,148)
```
#feaaa7
```
#feaaa7 rgb(254,170,167)
```
#febdbb
```
#febdbb rgb(254,189,187)
```
#ffd0ce
```
#ffd0ce rgb(255,208,206)
```
#ffe2e1
```
#ffe2e1 rgb(255,226,225)
```
#fff5f5
```
#fff5f5 rgb(255,245,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 #fd271f is the most saturated one.

#958887
```
#958887 rgb(149,136,135)
```
#9d807f
```
#9d807f rgb(157,128,127)
```
#a67876
```
#a67876 rgb(166,120,118)
```
#af706d
```
#af706d rgb(175,112,109)
```
#b76865
```
#b76865 rgb(183,104,101)
```
#c05f5c
```
#c05f5c rgb(192,95,92)
```
#c95753
```
#c95753 rgb(201,87,83)
```
#d24f4a
```
#d24f4a rgb(210,79,74)
```
#da4742
```
#da4742 rgb(218,71,66)
```
#e33f39
```
#e33f39 rgb(227,63,57)
```
#ec3730
```
#ec3730 rgb(236,55,48)
```
#f42f28
```
#f42f28 rgb(244,47,40)
```
#fd271f
```
#fd271f rgb(253,39,31)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#845958 Atypical Achromatopsia 0.001% of the population

Dichromacy

#97883d Protanopia 1% of men
#ab8200 Deuteranopia 1% of men
#fd312f Tritanopia 0.001% of the population

Trichromacy

#bc6532 Protanomaly 1% of men, 0.01% of women
#c8610b Deuteranomaly 6% of men, 0.4% of women
#fd2d29 Tritanomaly 0.01% of the population

#fd271f hex color

#fd271f Color Information

#fd271f Color Conversion

Color Schemes with #fd271f

Alternatives to #fd271f

#fd271f Preview

Shades and Tints of #fd271f

Tones of #fd271f

Color Blindness Simulator