#ff1a31 hex color

In a RGB color space, hex #ff1a31 is composed of 100% red, 10.2% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 89.8% magenta, 80.8% yellow and 0% black. It has a hue angle of 354 degrees, a saturation of 100% and a lightness of 55.1%. #ff1a31 color hex could be obtained by blending #ff3462 with #ff0000. Closest websafe color is: #ff3333.

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

● #ff1a31 color description : Vivid red.

The hexadecimal color #ff1a31 has RGB values of R:255, G:26, B:49 and CMYK values of C:0, M:0.9, Y:0.81, K:0. Its decimal value is 16718385.

Hex triplet	ff1a31	`#ff1a31`
RGB Decimal	255, 26, 49	`rgb(255,26,49)`
RGB Percent	100, 10.2, 19.2	`rgb(100%,10.2%,19.2%)`
CMYK	0, 90, 81, 0
HSL	354°, 100, 55.1	`hsl(354,100%,55.1%)`
HSV (or HSB)	354°, 89.8, 100
Web Safe	ff3333	`#ff3333`

CIE-LAB	54.266, 78.468, 49.646
XYZ	42.166, 22.226, 4.976
xyY	0.608, 0.32, 22.226
CIE-LCH	54.266, 92.855, 32.321
CIE-LUV	54.266, 165.146, 30.996
Hunter-Lab	47.145, 77.147, 26.744
Binary	11111111, 00011010, 00110001

#ff1a31
```
#ff1a31 rgb(255,26,49)
```
#1affe8
```
#1affe8 rgb(26,255,232)
```

Complementary Color

#ff1aa4
```
#ff1aa4 rgb(255,26,164)
```
#ff1a31
```
#ff1a31 rgb(255,26,49)
```
#ff761a
```
#ff761a rgb(255,118,26)
```

Analogous Color

#1aa4ff
```
#1aa4ff rgb(26,164,255)
```
#ff1a31
```
#ff1a31 rgb(255,26,49)
```
#1aff76
```
#1aff76 rgb(26,255,118)
```

Split Complementary Color

#1a31ff
```
#1a31ff rgb(26,49,255)
```
#ff1a31
```
#ff1a31 rgb(255,26,49)
```
#31ff1a
```
#31ff1a rgb(49,255,26)
```

Triadic Color

#e81aff
```
#e81aff rgb(232,26,255)
```
#ff1a31
```
#ff1a31 rgb(255,26,49)
```
#31ff1a
```
#31ff1a rgb(49,255,26)
```
#1affe8
```
#1affe8 rgb(26,255,232)
```

Tetradic Color

#cd0015
```
#cd0015 rgb(205,0,21)
```
#e60017
```
#e60017 rgb(230,0,23)
```
#ff001a
```
#ff001a rgb(255,0,26)
```
#ff1a31
```
#ff1a31 rgb(255,26,49)
```
#ff3448
```
#ff3448 rgb(255,52,72)
```
#ff4d5f
```
#ff4d5f rgb(255,77,95)
```
#ff6776
```
#ff6776 rgb(255,103,118)
```

Monochromatic Color

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

#ff1a6a
```
#ff1a6a rgb(255,26,106)
```
#ff1a57
```
#ff1a57 rgb(255,26,87)
```
#ff1a44
```
#ff1a44 rgb(255,26,68)
```
#ff1a31
```
#ff1a31 rgb(255,26,49)
```
#ff1a1e
```
#ff1a1e rgb(255,26,30)
```
#ff291a
```
#ff291a rgb(255,41,26)
```
#ff3c1a
```
#ff3c1a rgb(255,60,26)
```

Similar Colors

Text with hexadecimal color #ff1a31

This text has a font color of #ff1a31.

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

#ff1a31 background color

This paragraph has a background color of #ff1a31.

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

#ff1a31 border color

This element has a border color of #ff1a31.

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

CSS codes

.text {color:#ff1a31;}

.background {background-color:#ff1a31;}

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

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

#060001
```
#060001 rgb(6,0,1)
```
#1a0003
```
#1a0003 rgb(26,0,3)
```
#2e0005
```
#2e0005 rgb(46,0,5)
```
#410007
```
#410007 rgb(65,0,7)
```
#550009
```
#550009 rgb(85,0,9)
```
#68000a
```
#68000a rgb(104,0,10)
```
#7c000c
```
#7c000c rgb(124,0,12)
```
#90000e
```
#90000e rgb(144,0,14)
```
#a30010
```
#a30010 rgb(163,0,16)
```
#b70012
```
#b70012 rgb(183,0,18)
```
#cb0014
```
#cb0014 rgb(203,0,20)
```
#de0016
```
#de0016 rgb(222,0,22)
```
#f20018
```
#f20018 rgb(242,0,24)
```

Shade Color Variation

#ff061f
```
#ff061f rgb(255,6,31)
```
#ff1a31
```
#ff1a31 rgb(255,26,49)
```
#ff2e43
```
#ff2e43 rgb(255,46,67)
```
#ff4154
```
#ff4154 rgb(255,65,84)
```
#ff5566
```
#ff5566 rgb(255,85,102)
```
#ff6878
```
#ff6878 rgb(255,104,120)
```
#ff7c89
```
#ff7c89 rgb(255,124,137)
```
#ff909b
```
#ff909b rgb(255,144,155)
```
#ffa3ad
```
#ffa3ad rgb(255,163,173)
```
#ffb7be
```
#ffb7be rgb(255,183,190)
```
#ffcbd0
```
#ffcbd0 rgb(255,203,208)
```
#ffdee1
```
#ffdee1 rgb(255,222,225)
```
#fff2f3
```
#fff2f3 rgb(255,242,243)
```

Tint Color Variation

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

#958485
```
#958485 rgb(149,132,133)
```
#9e7b7e
```
#9e7b7e rgb(158,123,126)
```
#a77277
```
#a77277 rgb(167,114,119)
```
#b06970
```
#b06970 rgb(176,105,112)
```
#b96069
```
#b96069 rgb(185,96,105)
```
#c15862
```
#c15862 rgb(193,88,98)
```
#ca4f5b
```
#ca4f5b rgb(202,79,91)
```
#d34654
```
#d34654 rgb(211,70,84)
```
#dc3d4d
```
#dc3d4d rgb(220,61,77)
```
#e53446
```
#e53446 rgb(229,52,70)
```
#ed2c3f
```
#ed2c3f rgb(237,44,63)
```
#f62338
```
#f62338 rgb(246,35,56)
```
#ff1a31
```
#ff1a31 rgb(255,26,49)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#815357 Atypical Achromatopsia 0.001% of the population

Dichromacy

#948852 Protanopia 1% of men
#a98127 Deuteranopia 1% of men
#fe2a26 Tritanopia 0.001% of the population

Trichromacy

#bb6046 Protanomaly 1% of men, 0.01% of women
#c85c2b Deuteranomaly 6% of men, 0.4% of women
#fe242a Tritanomaly 0.01% of the population

#ff1a31 hex color

#ff1a31 Color Information

#ff1a31 Color Conversion

Color Schemes with #ff1a31

Alternatives to #ff1a31

#ff1a31 Preview

Shades and Tints of #ff1a31

Tones of #ff1a31

Color Blindness Simulator