colorhexa.com

#f04d4c hex color

In a RGB color space, hex #f04d4c is composed of 94.1% red, 30.2% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.9% magenta, 68.3% yellow and 5.9% black. It has a hue angle of 0.4 degrees, a saturation of 84.5% and a lightness of 62%. #f04d4c color hex could be obtained by blending #ff9a98 with #e10000. Closest websafe color is: #ff6633.

- R 94
- G 30
- B 30
RGB color chart
- C 0
- M 68
- Y 68
- K 6
CMYK color chart

● #f04d4c color description : Soft red.

The hexadecimal color #f04d4c has RGB values of R:240, G:77, B:76 and CMYK values of C:0, M:0.68, Y:0.68, K:0.06. Its decimal value is 15748428.

Hex triplet	f04d4c	`#f04d4c`
RGB Decimal	240, 77, 76	`rgb(240,77,76)`
RGB Percent	94.1, 30.2, 29.8	`rgb(94.1%,30.2%,29.8%)`
CMYK	0, 68, 68, 6
HSL	0.4°, 84.5, 62	`hsl(0.4,84.5%,62%)`
HSV (or HSB)	0.4°, 68.3, 94.1
Web Safe	ff6633	`#ff6633`

CIE-LAB	56.446, 62.101, 36.394
XYZ	39.895, 24.359, 9.438
xyY	0.541, 0.331, 24.359
CIE-LCH	56.446, 71.979, 30.372
CIE-LUV	56.446, 124.891, 27.354
Hunter-Lab	49.355, 57.915, 23.211
Binary	11110000, 01001101, 01001100

#f04d4c
```
#f04d4c rgb(240,77,76)
```
#4ceff0
```
#4ceff0 rgb(76,239,240)
```

Complementary Color

#f04c9d
```
#f04c9d rgb(240,76,157)
```
#f04d4c
```
#f04d4c rgb(240,77,76)
```
#f09f4c
```
#f09f4c rgb(240,159,76)
```

Analogous Color

#4c9df0
```
#4c9df0 rgb(76,157,240)
```
#f04d4c
```
#f04d4c rgb(240,77,76)
```
#4cf09f
```
#4cf09f rgb(76,240,159)
```

Split Complementary Color

#4d4cf0
```
#4d4cf0 rgb(77,76,240)
```
#f04d4c
```
#f04d4c rgb(240,77,76)
```
#4cf04d
```
#4cf04d rgb(76,240,77)
```

Triadic Color

#f04cef
```
#f04cef rgb(240,76,239)
```
#f04d4c
```
#f04d4c rgb(240,77,76)
```
#4cf04d
```
#4cf04d rgb(76,240,77)
```
#4ceff0
```
#4ceff0 rgb(76,239,240)
```

Tetradic Color

#dd1413
```
#dd1413 rgb(221,20,19)
```
#ec1e1d
```
#ec1e1d rgb(236,30,29)
```
#ee3634
```
#ee3634 rgb(238,54,52)
```
#f04d4c
```
#f04d4c rgb(240,77,76)
```
#f26464
```
#f26464 rgb(242,100,100)
```
#f47c7b
```
#f47c7b rgb(244,124,123)
```
#f69393
```
#f69393 rgb(246,147,147)
```

Monochromatic Color

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

#f04c74
```
#f04c74 rgb(240,76,116)
```
#f04c66
```
#f04c66 rgb(240,76,102)
```
#f04c59
```
#f04c59 rgb(240,76,89)
```
#f04d4c
```
#f04d4c rgb(240,77,76)
```
#f05b4c
```
#f05b4c rgb(240,91,76)
```
#f0684c
```
#f0684c rgb(240,104,76)
```
#f0764c
```
#f0764c rgb(240,118,76)
```

Similar Colors

Text with hexadecimal color #f04d4c

This text has a font color of #f04d4c.

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

#f04d4c background color

This paragraph has a background color of #f04d4c.

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

#f04d4c border color

This element has a border color of #f04d4c.

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

CSS codes

.text {color:#f04d4c;}

.background {background-color:#f04d4c;}

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

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

#020000
```
#020000 rgb(2,0,0)
```
#140202
```
#140202 rgb(20,2,2)
```
#260303
```
#260303 rgb(38,3,3)
```
#380505
```
#380505 rgb(56,5,5)
```
#4a0706
```
#4a0706 rgb(74,7,6)
```
#5c0808
```
#5c0808 rgb(92,8,8)
```
#6f0a09
```
#6f0a09 rgb(111,10,9)
```
#810c0b
```
#810c0b rgb(129,12,11)
```
#930d0c
```
#930d0c rgb(147,13,12)
```
#a50f0e
```
#a50f0e rgb(165,15,14)
```
#b7100f
```
#b7100f rgb(183,16,15)
```
#c91211
```
#c91211 rgb(201,18,17)
```
#db1412
```
#db1412 rgb(219,20,18)
```

Shade Color Variation

#eb1716
```
#eb1716 rgb(235,23,22)
```
#ed2928
```
#ed2928 rgb(237,41,40)
```
#ee3b3a
```
#ee3b3a rgb(238,59,58)
```
#f04d4c
```
#f04d4c rgb(240,77,76)
```
#f25f5e
```
#f25f5e rgb(242,95,94)
```
#f37170
```
#f37170 rgb(243,113,112)
```
#f58382
```
#f58382 rgb(245,131,130)
```
#f69594
```
#f69594 rgb(246,149,148)
```
#f8a7a6
```
#f8a7a6 rgb(248,167,166)
```
#f9b9b9
```
#f9b9b9 rgb(249,185,185)
```
#fbcbcb
```
#fbcbcb rgb(251,203,203)
```
#fcdddd
```
#fcdddd rgb(252,221,221)
```
#feefef
```
#feefef rgb(254,239,239)
```

Tint Color Variation

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

#a59797
```
#a59797 rgb(165,151,151)
```
#ad8f8f
```
#ad8f8f rgb(173,143,143)
```
#b48888
```
#b48888 rgb(180,136,136)
```
#bc8180
```
#bc8180 rgb(188,129,128)
```
#c37979
```
#c37979 rgb(195,121,121)
```
#cb7271
```
#cb7271 rgb(203,114,113)
```
#d26a6a
```
#d26a6a rgb(210,106,106)
```
#da6362
```
#da6362 rgb(218,99,98)
```
#e15c5b
```
#e15c5b rgb(225,92,91)
```
#e95453
```
#e95453 rgb(233,84,83)
```
#f04d4c
```
#f04d4c rgb(240,77,76)
```
#f74645
```
#f74645 rgb(247,70,69)
```
#ff3e3d
```
#ff3e3d rgb(255,62,61)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#957474 Atypical Achromatopsia 0.001% of the population

Dichromacy

#978d68 Protanopia 1% of men
#ac874a Deuteranopia 1% of men
#f05559 Tritanopia 0.001% of the population

Trichromacy

#b7755d Protanomaly 1% of men, 0.01% of women
#c5724a Deuteranomaly 6% of men, 0.4% of women
#f05254 Tritanomaly 0.01% of the population