#fd161f hex color

In a RGB color space, hex #fd161f is composed of 99.2% red, 8.6% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.3% magenta, 87.7% yellow and 0.8% black. It has a hue angle of 357.7 degrees, a saturation of 98.3% and a lightness of 53.9%. #fd161f color hex could be obtained by blending #ff2c3e with #fb0000. Closest websafe color is: #ff0033.

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

● #fd161f color description : Vivid red.

The hexadecimal color #fd161f has RGB values of R:253, G:22, B:31 and CMYK values of C:0, M:0.91, Y:0.88, K:0.01. Its decimal value is 16586271.

Hex triplet	fd161f	`#fd161f`
RGB Decimal	253, 22, 31	`rgb(253,22,31)`
RGB Percent	99.2, 8.6, 12.2	`rgb(99.2%,8.6%,12.2%)`
CMYK	0, 91, 88, 1
HSL	357.7°, 98.3, 53.9	`hsl(357.7,98.3%,53.9%)`
HSV (or HSB)	357.7°, 91.3, 99.2
Web Safe	ff0033	`#ff0033`

CIE-LAB	53.558, 78.109, 57.591
XYZ	41.045, 21.561, 3.297
xyY	0.623, 0.327, 21.561
CIE-LCH	53.558, 97.045, 36.402
CIE-LUV	53.558, 167.61, 34.83
Hunter-Lab	46.434, 76.524, 28.294
Binary	11111101, 00010110, 00011111

#fd161f
```
#fd161f rgb(253,22,31)
```
#16fdf4
```
#16fdf4 rgb(22,253,244)
```

Complementary Color

#fd1693
```
#fd1693 rgb(253,22,147)
```
#fd161f
```
#fd161f rgb(253,22,31)
```
#fd8116
```
#fd8116 rgb(253,129,22)
```

Analogous Color

#1693fd
```
#1693fd rgb(22,147,253)
```
#fd161f
```
#fd161f rgb(253,22,31)
```
#16fd81
```
#16fd81 rgb(22,253,129)
```

Split Complementary Color

#161ffd
```
#161ffd rgb(22,31,253)
```
#fd161f
```
#fd161f rgb(253,22,31)
```
#1ffd16
```
#1ffd16 rgb(31,253,22)
```

Triadic Color

#f416fd
```
#f416fd rgb(244,22,253)
```
#fd161f
```
#fd161f rgb(253,22,31)
```
#1ffd16
```
#1ffd16 rgb(31,253,22)
```
#16fdf4
```
#16fdf4 rgb(22,253,244)
```

Tetradic Color

#c50209
```
#c50209 rgb(197,2,9)
```
#de020a
```
#de020a rgb(222,2,10)
```
#f7020c
```
#f7020c rgb(247,2,12)
```
#fd161f
```
#fd161f rgb(253,22,31)
```
#fd2f37
```
#fd2f37 rgb(253,47,55)
```
#fd4950
```
#fd4950 rgb(253,73,80)
```
#fe6268
```
#fe6268 rgb(254,98,104)
```

Monochromatic Color

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

#fd1659
```
#fd1659 rgb(253,22,89)
```
#fd1645
```
#fd1645 rgb(253,22,69)
```
#fd1632
```
#fd1632 rgb(253,22,50)
```
#fd161f
```
#fd161f rgb(253,22,31)
```
#fd2016
```
#fd2016 rgb(253,32,22)
```
#fd3416
```
#fd3416 rgb(253,52,22)
```
#fd4716
```
#fd4716 rgb(253,71,22)
```

Similar Colors

Text with hexadecimal color #fd161f

This text has a font color of #fd161f.

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

#fd161f background color

This paragraph has a background color of #fd161f.

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

#fd161f border color

This element has a border color of #fd161f.

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

CSS codes

.text {color:#fd161f;}

.background {background-color:#fd161f;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#140001
```
#140001 rgb(20,0,1)
```
#270002
```
#270002 rgb(39,0,2)
```
#3b0103
```
#3b0103 rgb(59,1,3)
```
#4e0104
```
#4e0104 rgb(78,1,4)
```
#620105
```
#620105 rgb(98,1,5)
```
#750106
```
#750106 rgb(117,1,6)
```
#890106
```
#890106 rgb(137,1,6)
```
#9c0107
```
#9c0107 rgb(156,1,7)
```
#af0208
```
#af0208 rgb(175,2,8)
```
#c30209
```
#c30209 rgb(195,2,9)
```
#d6020a
```
#d6020a rgb(214,2,10)
```
#ea020b
```
#ea020b rgb(234,2,11)
```

Shade Color Variation

#fd030c
```
#fd030c rgb(253,3,12)
```
#fd161f
```
#fd161f rgb(253,22,31)
```
#fd2932
```
#fd2932 rgb(253,41,50)
```
#fd3d44
```
#fd3d44 rgb(253,61,68)
```
#fe5057
```
#fe5057 rgb(254,80,87)
```
#fe646a
```
#fe646a rgb(254,100,106)
```
#fe777c
```
#fe777c rgb(254,119,124)
```
#fe8b8f
```
#fe8b8f rgb(254,139,143)
```
#fe9ea2
```
#fe9ea2 rgb(254,158,162)
```
#feb2b5
```
#feb2b5 rgb(254,178,181)
```
#ffc5c7
```
#ffc5c7 rgb(255,197,199)
```
#ffd8da
```
#ffd8da rgb(255,216,218)
```
#ffeced
```
#ffeced rgb(255,236,237)
```

Tint Color Variation

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

#918283
```
#918283 rgb(145,130,131)
```
#9a797b
```
#9a797b rgb(154,121,123)
```
#a37072
```
#a37072 rgb(163,112,114)
```
#ac676a
```
#ac676a rgb(172,103,106)
```
#b55e62
```
#b55e62 rgb(181,94,98)
```
#be5559
```
#be5559 rgb(190,85,89)
```
#c74c51
```
#c74c51 rgb(199,76,81)
```
#d04349
```
#d04349 rgb(208,67,73)
```
#d93a40
```
#d93a40 rgb(217,58,64)
```
#e23138
```
#e23138 rgb(226,49,56)
```
#eb2830
```
#eb2830 rgb(235,40,48)
```
#f41f27
```
#f41f27 rgb(244,31,39)
```
#fd161f
```
#fd161f rgb(253,22,31)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#7c4e50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#94863f Protanopia 1% of men
#a88000 Deuteranopia 1% of men
#fc241d Tritanopia 0.001% of the population

Trichromacy

#ba5d33 Protanomaly 1% of men, 0.01% of women
#c7590b Deuteranomaly 6% of men, 0.4% of women
#fc1f1e Tritanomaly 0.01% of the population

#fd161f hex color

#fd161f Color Information

#fd161f Color Conversion

Color Schemes with #fd161f

Alternatives to #fd161f

#fd161f Preview

Shades and Tints of #fd161f

Tones of #fd161f

Color Blindness Simulator