#ff404f hex color

In a RGB color space, hex #ff404f is composed of 100% red, 25.1% green and 31% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.9% magenta, 69% yellow and 0% black. It has a hue angle of 355.3 degrees, a saturation of 100% and a lightness of 62.5%. #ff404f color hex could be obtained by blending #ff809e with #ff0000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 100
- G 25
- B 31
RGB color chart
- C 0
- M 75
- Y 69
- K 0
CMYK color chart

● #ff404f color description : Light red.

The hexadecimal color #ff404f has RGB values of R:255, G:64, B:79 and CMYK values of C:0, M:0.75, Y:0.69, K:0. Its decimal value is 16728143.

Hex triplet	ff404f	`#ff404f`
RGB Decimal	255, 64, 79	`rgb(255,64,79)`
RGB Percent	100, 25.1, 31	`rgb(100%,25.1%,31%)`
CMYK	0, 75, 69, 0
HSL	355.3°, 100, 62.5	`hsl(355.3,100%,62.5%)`
HSV (or HSB)	355.3°, 74.9, 100
Web Safe	ff3366	`#ff3366`

CIE-LAB	57.556, 71.158, 36.659
XYZ	44.487, 25.497, 9.976
xyY	0.556, 0.319, 25.497
CIE-LCH	57.556, 80.046, 27.256
CIE-LUV	57.556, 143.404, 25.392
Hunter-Lab	50.494, 68.899, 23.633
Binary	11111111, 01000000, 01001111

#ff404f
```
#ff404f rgb(255,64,79)
```
#40fff0
```
#40fff0 rgb(64,255,240)
```

Complementary Color

#ff40af
```
#ff40af rgb(255,64,175)
```
#ff404f
```
#ff404f rgb(255,64,79)
```
#ff9140
```
#ff9140 rgb(255,145,64)
```

Analogous Color

#40afff
```
#40afff rgb(64,175,255)
```
#ff404f
```
#ff404f rgb(255,64,79)
```
#40ff91
```
#40ff91 rgb(64,255,145)
```

Split Complementary Color

#404fff
```
#404fff rgb(64,79,255)
```
#ff404f
```
#ff404f rgb(255,64,79)
```
#4fff40
```
#4fff40 rgb(79,255,64)
```

Triadic Color

#f040ff
```
#f040ff rgb(240,64,255)
```
#ff404f
```
#ff404f rgb(255,64,79)
```
#4fff40
```
#4fff40 rgb(79,255,64)
```
#40fff0
```
#40fff0 rgb(64,255,240)
```

Tetradic Color

#f30013
```
#f30013 rgb(243,0,19)
```
#ff0d20
```
#ff0d20 rgb(255,13,32)
```
#ff2738
```
#ff2738 rgb(255,39,56)
```
#ff404f
```
#ff404f rgb(255,64,79)
```
#ff5a66
```
#ff5a66 rgb(255,90,102)
```
#ff737e
```
#ff737e rgb(255,115,126)
```
#ff8d95
```
#ff8d95 rgb(255,141,149)
```

Monochromatic Color

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

#ff407f
```
#ff407f rgb(255,64,127)
```
#ff406f
```
#ff406f rgb(255,64,111)
```
#ff405f
```
#ff405f rgb(255,64,95)
```
#ff404f
```
#ff404f rgb(255,64,79)
```
#ff4140
```
#ff4140 rgb(255,65,64)
```
#ff5140
```
#ff5140 rgb(255,81,64)
```
#ff6140
```
#ff6140 rgb(255,97,64)
```

Similar Colors

Text with hexadecimal color #ff404f

This text has a font color of #ff404f.

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

#ff404f background color

This paragraph has a background color of #ff404f.

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

#ff404f border color

This element has a border color of #ff404f.

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

CSS codes

.text {color:#ff404f;}

.background {background-color:#ff404f;}

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

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

#050000
```
#050000 rgb(5,0,0)
```
#190002
```
#190002 rgb(25,0,2)
```
#2c0003
```
#2c0003 rgb(44,0,3)
```
#400005
```
#400005 rgb(64,0,5)
```
#540007
```
#540007 rgb(84,0,7)
```
#670008
```
#670008 rgb(103,0,8)
```
#7b000a
```
#7b000a rgb(123,0,10)
```
#8e000b
```
#8e000b rgb(142,0,11)
```
#a2000d
```
#a2000d rgb(162,0,13)
```
#b6000e
```
#b6000e rgb(182,0,14)
```
#c90010
```
#c90010 rgb(201,0,16)
```
#dd0011
```
#dd0011 rgb(221,0,17)
```
#f10013
```
#f10013 rgb(241,0,19)
```

Shade Color Variation

#ff0519
```
#ff0519 rgb(255,5,25)
```
#ff192b
```
#ff192b rgb(255,25,43)
```
#ff2c3d
```
#ff2c3d rgb(255,44,61)
```
#ff404f
```
#ff404f rgb(255,64,79)
```
#ff5461
```
#ff5461 rgb(255,84,97)
```
#ff6773
```
#ff6773 rgb(255,103,115)
```
#ff7b85
```
#ff7b85 rgb(255,123,133)
```
#ff8e97
```
#ff8e97 rgb(255,142,151)
```
#ffa2a9
```
#ffa2a9 rgb(255,162,169)
```
#ffb6bb
```
#ffb6bb rgb(255,182,187)
```
#ffc9ce
```
#ffc9ce rgb(255,201,206)
```
#ffdde0
```
#ffdde0 rgb(255,221,224)
```
#fff1f2
```
#fff1f2 rgb(255,241,242)
```

Tint Color Variation

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

#a79899
```
#a79899 rgb(167,152,153)
```
#ae9193
```
#ae9193 rgb(174,145,147)
```
#b6898d
```
#b6898d rgb(182,137,141)
```
#bd8287
```
#bd8287 rgb(189,130,135)
```
#c47b81
```
#c47b81 rgb(196,123,129)
```
#cc737a
```
#cc737a rgb(204,115,122)
```
#d36c74
```
#d36c74 rgb(211,108,116)
```
#da656e
```
#da656e rgb(218,101,110)
```
#e25d68
```
#e25d68 rgb(226,93,104)
```
#e95662
```
#e95662 rgb(233,86,98)
```
#f04f5b
```
#f04f5b rgb(240,79,91)
```
#f84755
```
#f84755 rgb(248,71,85)
```
#ff404f
```
#ff404f rgb(255,64,79)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#956f72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#99906f Protanopia 1% of men
#b0894b Deuteranopia 1% of men
#fe4b4e Tritanopia 0.001% of the population

Trichromacy

#be7263 Protanomaly 1% of men, 0.01% of women
#cc6f4c Deuteranomaly 6% of men, 0.4% of women
#fe474e Tritanomaly 0.01% of the population

#ff404f hex color

#ff404f Color Information

#ff404f Color Conversion

Color Schemes with #ff404f

Alternatives to #ff404f

#ff404f Preview

Shades and Tints of #ff404f

Tones of #ff404f

Color Blindness Simulator