colorhexa.com

#fd2f2e hex color

In a RGB color space, hex #fd2f2e is composed of 99.2% red, 18.4% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.4% magenta, 81.8% yellow and 0.8% black. It has a hue angle of 0.3 degrees, a saturation of 98.1% and a lightness of 58.6%. #fd2f2e color hex could be obtained by blending #ff5e5c with #fb0000. Closest websafe color is: #ff3333.

- R 99
- G 18
- B 18
RGB color chart
- C 0
- M 81
- Y 82
- K 1
CMYK color chart

● #fd2f2e color description : Bright red.

The hexadecimal color #fd2f2e has RGB values of R:253, G:47, B:46 and CMYK values of C:0, M:0.81, Y:0.82, K:0.01. Its decimal value is 16592686.

Hex triplet	fd2f2e	`#fd2f2e`
RGB Decimal	253, 47, 46	`rgb(253,47,46)`
RGB Percent	99.2, 18.4, 18	`rgb(99.2%,18.4%,18%)`
CMYK	0, 81, 82, 1
HSL	0.3°, 98.1, 58.6	`hsl(0.3,98.1%,58.6%)`
HSV (or HSB)	0.3°, 81.8, 99.2
Web Safe	ff3333	`#ff3333`

CIE-LAB	55.194, 74.028, 51.928
XYZ	42.02, 23.118, 4.834
xyY	0.601, 0.33, 23.118
CIE-LCH	55.194, 90.424, 35.048
CIE-LUV	55.194, 157.082, 34.134
Hunter-Lab	48.081, 71.854, 27.696
Binary	11111101, 00101111, 00101110

#fd2f2e
```
#fd2f2e rgb(253,47,46)
```
#2efcfd
```
#2efcfd rgb(46,252,253)
```

Complementary Color

#fd2e95
```
#fd2e95 rgb(253,46,149)
```
#fd2f2e
```
#fd2f2e rgb(253,47,46)
```
#fd972e
```
#fd972e rgb(253,151,46)
```

Analogous Color

#2e95fd
```
#2e95fd rgb(46,149,253)
```
#fd2f2e
```
#fd2f2e rgb(253,47,46)
```
#2efd97
```
#2efd97 rgb(46,253,151)
```

Split Complementary Color

#2f2efd
```
#2f2efd rgb(47,46,253)
```
#fd2f2e
```
#fd2f2e rgb(253,47,46)
```
#2efd2f
```
#2efd2f rgb(46,253,47)
```

Triadic Color

#fd2efc
```
#fd2efc rgb(253,46,252)
```
#fd2f2e
```
#fd2f2e rgb(253,47,46)
```
#2efd2f
```
#2efd2f rgb(46,253,47)
```
#2efcfd
```
#2efcfd rgb(46,252,253)
```

Tetradic Color

#dc0302
```
#dc0302 rgb(220,3,2)
```
#f60402
```
#f60402 rgb(246,4,2)
```
#fd1615
```
#fd1615 rgb(253,22,21)
```
#fd2f2e
```
#fd2f2e rgb(253,47,46)
```
#fd4847
```
#fd4847 rgb(253,72,71)
```
#fd6161
```
#fd6161 rgb(253,97,97)
```
#fe7a7a
```
#fe7a7a rgb(254,122,122)
```

Monochromatic Color

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

#fd2e61
```
#fd2e61 rgb(253,46,97)
```
#fd2e50
```
#fd2e50 rgb(253,46,80)
```
#fd2e3e
```
#fd2e3e rgb(253,46,62)
```
#fd2f2e
```
#fd2f2e rgb(253,47,46)
```
#fd402e
```
#fd402e rgb(253,64,46)
```
#fd522e
```
#fd522e rgb(253,82,46)
```
#fd632e
```
#fd632e rgb(253,99,46)
```

Similar Colors

Text with hexadecimal color #fd2f2e

This text has a font color of #fd2f2e.

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

#fd2f2e background color

This paragraph has a background color of #fd2f2e.

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

#fd2f2e border color

This element has a border color of #fd2f2e.

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

CSS codes

.text {color:#fd2f2e;}

.background {background-color:#fd2f2e;}

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

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

#050000
```
#050000 rgb(5,0,0)
```
#180000
```
#180000 rgb(24,0,0)
```
#2c0100
```
#2c0100 rgb(44,1,0)
```
#3f0101
```
#3f0101 rgb(63,1,1)
```
#520101
```
#520101 rgb(82,1,1)
```
#660101
```
#660101 rgb(102,1,1)
```
#790201
```
#790201 rgb(121,2,1)
```
#8d0201
```
#8d0201 rgb(141,2,1)
```
#a00202
```
#a00202 rgb(160,2,2)
```
#b40302
```
#b40302 rgb(180,3,2)
```
#c70302
```
#c70302 rgb(199,3,2)
```
#da0302
```
#da0302 rgb(218,3,2)
```
#ee0302
```
#ee0302 rgb(238,3,2)
```

Shade Color Variation

#fd0807
```
#fd0807 rgb(253,8,7)
```
#fd1c1b
```
#fd1c1b rgb(253,28,27)
```
#fd2f2e
```
#fd2f2e rgb(253,47,46)
```
#fd4241
```
#fd4241 rgb(253,66,65)
```
#fd5655
```
#fd5655 rgb(253,86,85)
```
#fe6968
```
#fe6968 rgb(254,105,104)
```
#fe7c7c
```
#fe7c7c rgb(254,124,124)
```
#fe908f
```
#fe908f rgb(254,144,143)
```
#fea3a3
```
#fea3a3 rgb(254,163,163)
```
#feb6b6
```
#feb6b6 rgb(254,182,182)
```
#fecac9
```
#fecac9 rgb(254,202,201)
```
#ffdddd
```
#ffdddd rgb(255,221,221)
```
#fff0f0
```
#fff0f0 rgb(255,240,240)
```

Tint Color Variation

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

#9c8f8f
```
#9c8f8f rgb(156,143,143)
```
#a48787
```
#a48787 rgb(164,135,135)
```
#ac7f7f
```
#ac7f7f rgb(172,127,127)
```
#b47777
```
#b47777 rgb(180,119,119)
```
#bc6f6f
```
#bc6f6f rgb(188,111,111)
```
#c46767
```
#c46767 rgb(196,103,103)
```
#cc5f5f
```
#cc5f5f rgb(204,95,95)
```
#d45757
```
#d45757 rgb(212,87,87)
```
#dd4f4e
```
#dd4f4e rgb(221,79,78)
```
#e54746
```
#e54746 rgb(229,71,70)
```
#ed3f3e
```
#ed3f3e rgb(237,63,62)
```
#f53736
```
#f53736 rgb(245,55,54)
```
#fd2f2e
```
#fd2f2e rgb(253,47,46)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#896060 Atypical Achromatopsia 0.001% of the population

Dichromacy

#988a4d Protanopia 1% of men
#ac8324 Deuteranopia 1% of men
#fd3939 Tritanopia 0.001% of the population

Trichromacy

#bc6941 Protanomaly 1% of men, 0.01% of women
#c96528 Deuteranomaly 6% of men, 0.4% of women
#fd3535 Tritanomaly 0.01% of the population