#ff1f06 hex color

In a RGB color space, hex #ff1f06 is composed of 100% red, 12.2% green and 2.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.8% magenta, 97.6% yellow and 0% black. It has a hue angle of 6 degrees, a saturation of 100% and a lightness of 51.2%. #ff1f06 color hex could be obtained by blending #ff3e0c with #ff0000. Closest websafe color is: #ff3300.

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

● #ff1f06 color description : Vivid red.

The hexadecimal color #ff1f06 has RGB values of R:255, G:31, B:6 and CMYK values of C:0, M:0.88, Y:0.98, K:0. Its decimal value is 16719622.

Hex triplet	ff1f06	`#ff1f06`
RGB Decimal	255, 31, 6	`rgb(255,31,6)`
RGB Percent	100, 12.2, 2.4	`rgb(100%,12.2%,2.4%)`
CMYK	0, 88, 98, 0
HSL	6°, 100, 51.2	`hsl(6,100%,51.2%)`
HSV (or HSB)	6°, 97.6, 100
Web Safe	ff3300	`#ff3300`

CIE-LAB	54.3, 77.108, 66.165
XYZ	41.765, 22.259, 2.27
xyY	0.63, 0.336, 22.259
CIE-LCH	54.3, 101.605, 40.632
CIE-LUV	54.3, 168.692, 39.149
Hunter-Lab	47.179, 75.453, 30.173
Binary	11111111, 00011111, 00000110

#ff1f06
```
#ff1f06 rgb(255,31,6)
```
#06e6ff
```
#06e6ff rgb(6,230,255)
```

Complementary Color

#ff066a
```
#ff066a rgb(255,6,106)
```
#ff1f06
```
#ff1f06 rgb(255,31,6)
```
#ff9c06
```
#ff9c06 rgb(255,156,6)
```

Analogous Color

#066aff
```
#066aff rgb(6,106,255)
```
#ff1f06
```
#ff1f06 rgb(255,31,6)
```
#06ff9c
```
#06ff9c rgb(6,255,156)
```

Split Complementary Color

#1f06ff
```
#1f06ff rgb(31,6,255)
```
#ff1f06
```
#ff1f06 rgb(255,31,6)
```
#06ff1f
```
#06ff1f rgb(6,255,31)
```

Triadic Color

#ff06e6
```
#ff06e6 rgb(255,6,230)
```
#ff1f06
```
#ff1f06 rgb(255,31,6)
```
#06ff1f
```
#06ff1f rgb(6,255,31)
```
#06e6ff
```
#06e6ff rgb(6,230,255)
```

Tetradic Color

#b91300
```
#b91300 rgb(185,19,0)
```
#d21500
```
#d21500 rgb(210,21,0)
```
#ec1800
```
#ec1800 rgb(236,24,0)
```
#ff1f06
```
#ff1f06 rgb(255,31,6)
```
#ff3620
```
#ff3620 rgb(255,54,32)
```
#ff4d39
```
#ff4d39 rgb(255,77,57)
```
#ff6453
```
#ff6453 rgb(255,100,83)
```

Monochromatic Color

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

#ff062b
```
#ff062b rgb(255,6,43)
```
#ff0617
```
#ff0617 rgb(255,6,23)
```
#ff0a06
```
#ff0a06 rgb(255,10,6)
```
#ff1f06
```
#ff1f06 rgb(255,31,6)
```
#ff3406
```
#ff3406 rgb(255,52,6)
```
#ff4906
```
#ff4906 rgb(255,73,6)
```
#ff5d06
```
#ff5d06 rgb(255,93,6)
```

Similar Colors

Text with hexadecimal color #ff1f06

This text has a font color of #ff1f06.

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

#ff1f06 background color

This paragraph has a background color of #ff1f06.

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

#ff1f06 border color

This element has a border color of #ff1f06.

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

CSS codes

.text {color:#ff1f06;}

.background {background-color:#ff1f06;}

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

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

#060100
```
#060100 rgb(6,1,0)
```
#1a0300
```
#1a0300 rgb(26,3,0)
```
#2d0500
```
#2d0500 rgb(45,5,0)
```
#410700
```
#410700 rgb(65,7,0)
```
#540800
```
#540800 rgb(84,8,0)
```
#680a00
```
#680a00 rgb(104,10,0)
```
#7c0c00
```
#7c0c00 rgb(124,12,0)
```
#8f0e00
```
#8f0e00 rgb(143,14,0)
```
#a31000
```
#a31000 rgb(163,16,0)
```
#b71200
```
#b71200 rgb(183,18,0)
```
#ca1400
```
#ca1400 rgb(202,20,0)
```
#de1600
```
#de1600 rgb(222,22,0)
```
#f11800
```
#f11800 rgb(241,24,0)
```

Shade Color Variation

#ff1f06
```
#ff1f06 rgb(255,31,6)
```
#ff311a
```
#ff311a rgb(255,49,26)
```
#ff422d
```
#ff422d rgb(255,66,45)
```
#ff5441
```
#ff5441 rgb(255,84,65)
```
#ff6654
```
#ff6654 rgb(255,102,84)
```
#ff7768
```
#ff7768 rgb(255,119,104)
```
#ff897c
```
#ff897c rgb(255,137,124)
```
#ff9b8f
```
#ff9b8f rgb(255,155,143)
```
#ffaca3
```
#ffaca3 rgb(255,172,163)
```
#ffbeb7
```
#ffbeb7 rgb(255,190,183)
```
#ffcfca
```
#ffcfca rgb(255,207,202)
```
#ffe1de
```
#ffe1de rgb(255,225,222)
```
#fff3f1
```
#fff3f1 rgb(255,243,241)
```

Tint Color Variation

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

#8c7b79
```
#8c7b79 rgb(140,123,121)
```
#96736f
```
#96736f rgb(150,115,111)
```
#9f6c66
```
#9f6c66 rgb(159,108,102)
```
#a9645c
```
#a9645c rgb(169,100,92)
```
#b25c53
```
#b25c53 rgb(178,92,83)
```
#bc5549
```
#bc5549 rgb(188,85,73)
```
#c64d3f
```
#c64d3f rgb(198,77,63)
```
#cf4536
```
#cf4536 rgb(207,69,54)
```
#d93e2c
```
#d93e2c rgb(217,62,44)
```
#e23623
```
#e23623 rgb(226,54,35)
```
#ec2e19
```
#ec2e19 rgb(236,46,25)
```
#f52710
```
#f52710 rgb(245,39,16)
```
#ff1f06
```
#ff1f06 rgb(255,31,6)
```

Tone Color Variation

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

Dichromacy

#988827 Protanopia 1% of men
#aa8200 Deuteranopia 1% of men
#ff2925 Tritanopia 0.001% of the population

Trichromacy

#bd621b Protanomaly 1% of men, 0.01% of women
#c95e02 Deuteranomaly 6% of men, 0.4% of women
#ff2519 Tritanomaly 0.01% of the population

#ff1f06 hex color

#ff1f06 Color Information

#ff1f06 Color Conversion

Color Schemes with #ff1f06

Alternatives to #ff1f06

#ff1f06 Preview

Shades and Tints of #ff1f06

Tones of #ff1f06

Color Blindness Simulator