#ff2e31 hex color

In a RGB color space, hex #ff2e31 is composed of 100% red, 18% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82% magenta, 80.8% yellow and 0% black. It has a hue angle of 359.1 degrees, a saturation of 100% and a lightness of 59%. #ff2e31 color hex could be obtained by blending #ff5c62 with #ff0000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 100
- G 18
- B 19
RGB color chart
- C 0
- M 82
- Y 81
- K 0
CMYK color chart

● #ff2e31 color description : Vivid red.

The hexadecimal color #ff2e31 has RGB values of R:255, G:46, B:49 and CMYK values of C:0, M:0.82, Y:0.81, K:0. Its decimal value is 16723505.

Hex triplet	ff2e31	`#ff2e31`
RGB Decimal	255, 46, 49	`rgb(255,46,49)`
RGB Percent	100, 18, 19.2	`rgb(100%,18%,19.2%)`
CMYK	0, 82, 81, 0
HSL	359.1°, 100, 59	`hsl(359.1,100%,59%)`
HSV (or HSB)	359.1°, 82, 100
Web Safe	ff3333	`#ff3333`

CIE-LAB	55.524, 74.869, 50.857
XYZ	42.774, 23.441, 5.178
xyY	0.599, 0.328, 23.441
CIE-LCH	55.524, 90.509, 34.187
CIE-LUV	55.524, 158.466, 33.434
Hunter-Lab	48.416, 72.969, 27.55
Binary	11111111, 00101110, 00110001

#ff2e31
```
#ff2e31 rgb(255,46,49)
```
#2efffc
```
#2efffc rgb(46,255,252)
```

Complementary Color

#ff2e9a
```
#ff2e9a rgb(255,46,154)
```
#ff2e31
```
#ff2e31 rgb(255,46,49)
```
#ff942e
```
#ff942e rgb(255,148,46)
```

Analogous Color

#2e9aff
```
#2e9aff rgb(46,154,255)
```
#ff2e31
```
#ff2e31 rgb(255,46,49)
```
#2eff94
```
#2eff94 rgb(46,255,148)
```

Split Complementary Color

#2e31ff
```
#2e31ff rgb(46,49,255)
```
#ff2e31
```
#ff2e31 rgb(255,46,49)
```
#31ff2e
```
#31ff2e rgb(49,255,46)
```

Triadic Color

#fc2eff
```
#fc2eff rgb(252,46,255)
```
#ff2e31
```
#ff2e31 rgb(255,46,49)
```
#31ff2e
```
#31ff2e rgb(49,255,46)
```
#2efffc
```
#2efffc rgb(46,255,252)
```

Tetradic Color

#e10003
```
#e10003 rgb(225,0,3)
```
#fa0004
```
#fa0004 rgb(250,0,4)
```
#ff1518
```
#ff1518 rgb(255,21,24)
```
#ff2e31
```
#ff2e31 rgb(255,46,49)
```
#ff484a
```
#ff484a rgb(255,72,74)
```
#ff6163
```
#ff6163 rgb(255,97,99)
```
#ff7b7c
```
#ff7b7c rgb(255,123,124)
```

Monochromatic Color

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

#ff2e65
```
#ff2e65 rgb(255,46,101)
```
#ff2e54
```
#ff2e54 rgb(255,46,84)
```
#ff2e42
```
#ff2e42 rgb(255,46,66)
```
#ff2e31
```
#ff2e31 rgb(255,46,49)
```
#ff3c2e
```
#ff3c2e rgb(255,60,46)
```
#ff4e2e
```
#ff4e2e rgb(255,78,46)
```
#ff5f2e
```
#ff5f2e rgb(255,95,46)
```

Similar Colors

Text with hexadecimal color #ff2e31

This text has a font color of #ff2e31.

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

#ff2e31 background color

This paragraph has a background color of #ff2e31.

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

#ff2e31 border color

This element has a border color of #ff2e31.

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

CSS codes

.text {color:#ff2e31;}

.background {background-color:#ff2e31;}

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

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

#070000
```
#070000 rgb(7,0,0)
```
#1a0000
```
#1a0000 rgb(26,0,0)
```
#2e0001
```
#2e0001 rgb(46,0,1)
```
#420001
```
#420001 rgb(66,0,1)
```
#550001
```
#550001 rgb(85,0,1)
```
#690002
```
#690002 rgb(105,0,2)
```
#7c0002
```
#7c0002 rgb(124,0,2)
```
#900002
```
#900002 rgb(144,0,2)
```
#a40002
```
#a40002 rgb(164,0,2)
```
#b70003
```
#b70003 rgb(183,0,3)
```
#cb0003
```
#cb0003 rgb(203,0,3)
```
#df0003
```
#df0003 rgb(223,0,3)
```
#f20003
```
#f20003 rgb(242,0,3)
```

Shade Color Variation

#ff070a
```
#ff070a rgb(255,7,10)
```
#ff1a1e
```
#ff1a1e rgb(255,26,30)
```
#ff2e31
```
#ff2e31 rgb(255,46,49)
```
#ff4244
```
#ff4244 rgb(255,66,68)
```
#ff5558
```
#ff5558 rgb(255,85,88)
```
#ff696b
```
#ff696b rgb(255,105,107)
```
#ff7c7e
```
#ff7c7e rgb(255,124,126)
```
#ff9092
```
#ff9092 rgb(255,144,146)
```
#ffa4a5
```
#ffa4a5 rgb(255,164,165)
```
#ffb7b8
```
#ffb7b8 rgb(255,183,184)
```
#ffcbcc
```
#ffcbcc rgb(255,203,204)
```
#ffdfdf
```
#ffdfdf rgb(255,223,223)
```
#fff2f2
```
#fff2f2 rgb(255,242,242)
```

Tint Color Variation

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

#9f8e8f
```
#9f8e8f rgb(159,142,143)
```
#a78687
```
#a78687 rgb(167,134,135)
```
#af7e7f
```
#af7e7f rgb(175,126,127)
```
#b77677
```
#b77677 rgb(183,118,119)
```
#bf6e6f
```
#bf6e6f rgb(191,110,111)
```
#c76668
```
#c76668 rgb(199,102,104)
```
#cf5e60
```
#cf5e60 rgb(207,94,96)
```
#d75658
```
#d75658 rgb(215,86,88)
```
#df4e50
```
#df4e50 rgb(223,78,80)
```
#e74648
```
#e74648 rgb(231,70,72)
```
#ef3e41
```
#ef3e41 rgb(239,62,65)
```
#f73639
```
#f73639 rgb(247,54,57)
```
#ff2e31
```
#ff2e31 rgb(255,46,49)
```

Tone Color Variation

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

Dichromacy

#988b50 Protanopia 1% of men
#ad8428 Deuteranopia 1% of men
#fe3939 Tritanopia 0.001% of the population

Trichromacy

#bd6945 Protanomaly 1% of men, 0.01% of women
#cb652b Deuteranomaly 6% of men, 0.4% of women
#fe3536 Tritanomaly 0.01% of the population

#ff2e31 hex color

#ff2e31 Color Information

#ff2e31 Color Conversion

Color Schemes with #ff2e31

Alternatives to #ff2e31

#ff2e31 Preview

Shades and Tints of #ff2e31

Tones of #ff2e31

Color Blindness Simulator