#ff041f hex color

In a RGB color space, hex #ff041f is composed of 100% red, 1.6% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98.4% magenta, 87.8% yellow and 0% black. It has a hue angle of 353.5 degrees, a saturation of 100% and a lightness of 50.8%. #ff041f color hex could be obtained by blending #ff083e with #ff0000. Closest websafe color is: #ff0033.

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

● #ff041f color description : Vivid red.

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

Hex triplet	ff041f	`#ff041f`
RGB Decimal	255, 4, 31	`rgb(255,4,31)`
RGB Percent	100, 1.6, 12.2	`rgb(100%,1.6%,12.2%)`
CMYK	0, 98, 88, 0
HSL	353.5°, 100, 50.8	`hsl(353.5,100%,50.8%)`
HSV (or HSB)	353.5°, 98.4, 100
Web Safe	ff0033	`#ff0033`

CIE-LAB	53.44, 80.111, 57.684
XYZ	41.533, 21.451, 3.25
xyY	0.627, 0.324, 21.451
CIE-LCH	53.44, 98.718, 35.756
CIE-LUV	53.44, 171.937, 34.168
Hunter-Lab	46.316, 79.016, 28.26
Binary	11111111, 00000100, 00011111

#ff041f
```
#ff041f rgb(255,4,31)
```
#04ffe4
```
#04ffe4 rgb(4,255,228)
```

Complementary Color

#ff049d
```
#ff049d rgb(255,4,157)
```
#ff041f
```
#ff041f rgb(255,4,31)
```
#ff6704
```
#ff6704 rgb(255,103,4)
```

Analogous Color

#049dff
```
#049dff rgb(4,157,255)
```
#ff041f
```
#ff041f rgb(255,4,31)
```
#04ff67
```
#04ff67 rgb(4,255,103)
```

Split Complementary Color

#041fff
```
#041fff rgb(4,31,255)
```
#ff041f
```
#ff041f rgb(255,4,31)
```
#1fff04
```
#1fff04 rgb(31,255,4)
```

Triadic Color

#e404ff
```
#e404ff rgb(228,4,255)
```
#ff041f
```
#ff041f rgb(255,4,31)
```
#1fff04
```
#1fff04 rgb(31,255,4)
```
#04ffe4
```
#04ffe4 rgb(4,255,228)
```

Tetradic Color

#b70014
```
#b70014 rgb(183,0,20)
```
#d00016
```
#d00016 rgb(208,0,22)
```
#ea0019
```
#ea0019 rgb(234,0,25)
```
#ff041f
```
#ff041f rgb(255,4,31)
```
#ff1e36
```
#ff1e36 rgb(255,30,54)
```
#ff374d
```
#ff374d rgb(255,55,77)
```
#ff5163
```
#ff5163 rgb(255,81,99)
```

Monochromatic Color

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

#ff045e
```
#ff045e rgb(255,4,94)
```
#ff0449
```
#ff0449 rgb(255,4,73)
```
#ff0434
```
#ff0434 rgb(255,4,52)
```
#ff041f
```
#ff041f rgb(255,4,31)
```
#ff040a
```
#ff040a rgb(255,4,10)
```
#ff1304
```
#ff1304 rgb(255,19,4)
```
#ff2804
```
#ff2804 rgb(255,40,4)
```

Similar Colors

Text with hexadecimal color #ff041f

This text has a font color of #ff041f.

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

#ff041f background color

This paragraph has a background color of #ff041f.

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

#ff041f border color

This element has a border color of #ff041f.

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

CSS codes

.text {color:#ff041f;}

.background {background-color:#ff041f;}

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

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

#040000
```
#040000 rgb(4,0,0)
```
#180003
```
#180003 rgb(24,0,3)
```
#2b0005
```
#2b0005 rgb(43,0,5)
```
#3f0007
```
#3f0007 rgb(63,0,7)
```
#520009
```
#520009 rgb(82,0,9)
```
#66000b
```
#66000b rgb(102,0,11)
```
#7a000d
```
#7a000d rgb(122,0,13)
```
#8d000f
```
#8d000f rgb(141,0,15)
```
#a10011
```
#a10011 rgb(161,0,17)
```
#b50013
```
#b50013 rgb(181,0,19)
```
#c80016
```
#c80016 rgb(200,0,22)
```
#dc0018
```
#dc0018 rgb(220,0,24)
```
#ef001a
```
#ef001a rgb(239,0,26)
```

Shade Color Variation

#ff041f
```
#ff041f rgb(255,4,31)
```
#ff1831
```
#ff1831 rgb(255,24,49)
```
#ff2b42
```
#ff2b42 rgb(255,43,66)
```
#ff3f54
```
#ff3f54 rgb(255,63,84)
```
#ff5265
```
#ff5265 rgb(255,82,101)
```
#ff6677
```
#ff6677 rgb(255,102,119)
```
#ff7a88
```
#ff7a88 rgb(255,122,136)
```
#ff8d9a
```
#ff8d9a rgb(255,141,154)
```
#ffa1ab
```
#ffa1ab rgb(255,161,171)
```
#ffb5bd
```
#ffb5bd rgb(255,181,189)
```
#ffc8ce
```
#ffc8ce rgb(255,200,206)
```
#ffdce0
```
#ffdce0 rgb(255,220,224)
```
#ffeff1
```
#ffeff1 rgb(255,239,241)
```

Tint Color Variation

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

#8b787a
```
#8b787a rgb(139,120,122)
```
#956e72
```
#956e72 rgb(149,110,114)
```
#9e656b
```
#9e656b rgb(158,101,107)
```
#a85b63
```
#a85b63 rgb(168,91,99)
```
#b2515c
```
#b2515c rgb(178,81,92)
```
#bb4854
```
#bb4854 rgb(187,72,84)
```
#c53e4c
```
#c53e4c rgb(197,62,76)
```
#cf3445
```
#cf3445 rgb(207,52,69)
```
#d82b3d
```
#d82b3d rgb(216,43,61)
```
#e22136
```
#e22136 rgb(226,33,54)
```
#ec172e
```
#ec172e rgb(236,23,46)
```
#f50e27
```
#f50e27 rgb(245,14,39)
```
#ff041f
```
#ff041f rgb(255,4,31)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#754248 Atypical Achromatopsia 0.001% of the population

Dichromacy

#948640 Protanopia 1% of men
#a87f00 Deuteranopia 1% of men
#fe1b00 Tritanopia 0.001% of the population

Trichromacy

#bb5634 Protanomaly 1% of men, 0.01% of women
#c7520b Deuteranomaly 6% of men, 0.4% of women
#fe120b Tritanomaly 0.01% of the population

#ff041f hex color

#ff041f Color Information

#ff041f Color Conversion

Color Schemes with #ff041f

Alternatives to #ff041f

#ff041f Preview

Shades and Tints of #ff041f

Tones of #ff041f

Color Blindness Simulator