#ff1a1f hex color

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

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

● #ff1a1f color description : Vivid red.

The hexadecimal color #ff1a1f has RGB values of R:255, G:26, B:31 and CMYK values of C:0, M:0.9, Y:0.88, K:0. Its decimal value is 16718367.

Hex triplet	ff1a1f	`#ff1a1f`
RGB Decimal	255, 26, 31	`rgb(255,26,31)`
RGB Percent	100, 10.2, 12.2	`rgb(100%,10.2%,12.2%)`
CMYK	0, 90, 88, 0
HSL	358.7°, 100, 55.1	`hsl(358.7,100%,55.1%)`
HSV (or HSB)	358.7°, 89.8, 100
Web Safe	ff3333	`#ff3333`

CIE-LAB	54.136, 78.099, 58.201
XYZ	41.859, 22.103, 3.359
xyY	0.622, 0.328, 22.103
CIE-LCH	54.136, 97.401, 36.694
CIE-LUV	54.136, 168.046, 35.474
Hunter-Lab	47.014, 76.653, 28.674
Binary	11111111, 00011010, 00011111

#ff1a1f
```
#ff1a1f rgb(255,26,31)
```
#1afffa
```
#1afffa rgb(26,255,250)
```

Complementary Color

#ff1a92
```
#ff1a92 rgb(255,26,146)
```
#ff1a1f
```
#ff1a1f rgb(255,26,31)
```
#ff881a
```
#ff881a rgb(255,136,26)
```

Analogous Color

#1a92ff
```
#1a92ff rgb(26,146,255)
```
#ff1a1f
```
#ff1a1f rgb(255,26,31)
```
#1aff88
```
#1aff88 rgb(26,255,136)
```

Split Complementary Color

#1a1fff
```
#1a1fff rgb(26,31,255)
```
#ff1a1f
```
#ff1a1f rgb(255,26,31)
```
#1fff1a
```
#1fff1a rgb(31,255,26)
```

Triadic Color

#fa1aff
```
#fa1aff rgb(250,26,255)
```
#ff1a1f
```
#ff1a1f rgb(255,26,31)
```
#1fff1a
```
#1fff1a rgb(31,255,26)
```
#1afffa
```
#1afffa rgb(26,255,250)
```

Tetradic Color

#cd0004
```
#cd0004 rgb(205,0,4)
```
#e60005
```
#e60005 rgb(230,0,5)
```
#ff0006
```
#ff0006 rgb(255,0,6)
```
#ff1a1f
```
#ff1a1f rgb(255,26,31)
```
#ff3438
```
#ff3438 rgb(255,52,56)
```
#ff4d51
```
#ff4d51 rgb(255,77,81)
```
#ff676a
```
#ff676a rgb(255,103,106)
```

Monochromatic Color

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

#ff1a58
```
#ff1a58 rgb(255,26,88)
```
#ff1a45
```
#ff1a45 rgb(255,26,69)
```
#ff1a32
```
#ff1a32 rgb(255,26,50)
```
#ff1a1f
```
#ff1a1f rgb(255,26,31)
```
#ff281a
```
#ff281a rgb(255,40,26)
```
#ff3b1a
```
#ff3b1a rgb(255,59,26)
```
#ff4e1a
```
#ff4e1a rgb(255,78,26)
```

Similar Colors

Text with hexadecimal color #ff1a1f

This text has a font color of #ff1a1f.

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

#ff1a1f background color

This paragraph has a background color of #ff1a1f.

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

#ff1a1f border color

This element has a border color of #ff1a1f.

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

CSS codes

.text {color:#ff1a1f;}

.background {background-color:#ff1a1f;}

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

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

#060000
```
#060000 rgb(6,0,0)
```
#1a0001
```
#1a0001 rgb(26,0,1)
```
#2e0001
```
#2e0001 rgb(46,0,1)
```
#410001
```
#410001 rgb(65,0,1)
```
#550002
```
#550002 rgb(85,0,2)
```
#680002
```
#680002 rgb(104,0,2)
```
#7c0003
```
#7c0003 rgb(124,0,3)
```
#900003
```
#900003 rgb(144,0,3)
```
#a30004
```
#a30004 rgb(163,0,4)
```
#b70004
```
#b70004 rgb(183,0,4)
```
#cb0004
```
#cb0004 rgb(203,0,4)
```
#de0005
```
#de0005 rgb(222,0,5)
```
#f20005
```
#f20005 rgb(242,0,5)
```

Shade Color Variation

#ff060c
```
#ff060c rgb(255,6,12)
```
#ff1a1f
```
#ff1a1f rgb(255,26,31)
```
#ff2e32
```
#ff2e32 rgb(255,46,50)
```
#ff4145
```
#ff4145 rgb(255,65,69)
```
#ff5559
```
#ff5559 rgb(255,85,89)
```
#ff686c
```
#ff686c rgb(255,104,108)
```
#ff7c7f
```
#ff7c7f rgb(255,124,127)
```
#ff9092
```
#ff9092 rgb(255,144,146)
```
#ffa3a5
```
#ffa3a5 rgb(255,163,165)
```
#ffb7b8
```
#ffb7b8 rgb(255,183,184)
```
#ffcbcc
```
#ffcbcc rgb(255,203,204)
```
#ffdedf
```
#ffdedf rgb(255,222,223)
```
#fff2f2
```
#fff2f2 rgb(255,242,242)
```

Tint Color Variation

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

#958484
```
#958484 rgb(149,132,132)
```
#9e7b7c
```
#9e7b7c rgb(158,123,124)
```
#a77273
```
#a77273 rgb(167,114,115)
```
#b0696b
```
#b0696b rgb(176,105,107)
```
#b96062
```
#b96062 rgb(185,96,98)
```
#c1585a
```
#c1585a rgb(193,88,90)
```
#ca4f52
```
#ca4f52 rgb(202,79,82)
```
#d34649
```
#d34649 rgb(211,70,73)
```
#dc3d41
```
#dc3d41 rgb(220,61,65)
```
#e53438
```
#e53438 rgb(229,52,56)
```
#ed2c30
```
#ed2c30 rgb(237,44,48)
```
#f62327
```
#f62327 rgb(246,35,39)
```
#ff1a1f
```
#ff1a1f rgb(255,26,31)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#7f5152 Atypical Achromatopsia 0.001% of the population

Dichromacy

#96883e Protanopia 1% of men
#aa8100 Deuteranopia 1% of men
#fe2722 Tritanopia 0.001% of the population

Trichromacy

#bc6033 Protanomaly 1% of men, 0.01% of women
#c85b0b Deuteranomaly 6% of men, 0.4% of women
#fe2220 Tritanomaly 0.01% of the population

#ff1a1f hex color

#ff1a1f Color Information

#ff1a1f Color Conversion

Color Schemes with #ff1a1f

Alternatives to #ff1a1f

#ff1a1f Preview

Shades and Tints of #ff1a1f

Tones of #ff1a1f

Color Blindness Simulator