#f04c4c hex color

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

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

● #f04c4c color description : Soft red.

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

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

CIE-LAB	56.308, 62.478, 36.228
XYZ	39.826, 24.22, 9.415
xyY	0.542, 0.33, 24.22
CIE-LCH	56.308, 72.222, 30.108
CIE-LUV	56.308, 125.502, 27.073
Hunter-Lab	49.214, 58.323, 23.107
Binary	11110000, 01001100, 01001100

#f04c4c
```
#f04c4c rgb(240,76,76)
```
#4cf0f0
```
#4cf0f0 rgb(76,240,240)
```

Complementary Color

#f04c9e
```
#f04c9e rgb(240,76,158)
```
#f04c4c
```
#f04c4c rgb(240,76,76)
```
#f09e4c
```
#f09e4c rgb(240,158,76)
```

Analogous Color

#4c9ef0
```
#4c9ef0 rgb(76,158,240)
```
#f04c4c
```
#f04c4c rgb(240,76,76)
```
#4cf09e
```
#4cf09e rgb(76,240,158)
```

Split Complementary Color

#4c4cf0
```
#4c4cf0 rgb(76,76,240)
```
#f04c4c
```
#f04c4c rgb(240,76,76)
```
#4cf04c
```
#4cf04c rgb(76,240,76)
```

Triadic Color

#f04cf0
```
#f04cf0 rgb(240,76,240)
```
#f04c4c
```
#f04c4c rgb(240,76,76)
```
#4cf04c
```
#4cf04c rgb(76,240,76)
```
#4cf0f0
```
#4cf0f0 rgb(76,240,240)
```

Tetradic Color

#dd1313
```
#dd1313 rgb(221,19,19)
```
#ec1d1d
```
#ec1d1d rgb(236,29,29)
```
#ee3434
```
#ee3434 rgb(238,52,52)
```
#f04c4c
```
#f04c4c rgb(240,76,76)
```
#f26464
```
#f26464 rgb(242,100,100)
```
#f47b7b
```
#f47b7b rgb(244,123,123)
```
#f69393
```
#f69393 rgb(246,147,147)
```

Monochromatic Color

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

#f04c75
```
#f04c75 rgb(240,76,117)
```
#f04c67
```
#f04c67 rgb(240,76,103)
```
#f04c5a
```
#f04c5a rgb(240,76,90)
```
#f04c4c
```
#f04c4c rgb(240,76,76)
```
#f05a4c
```
#f05a4c rgb(240,90,76)
```
#f0674c
```
#f0674c rgb(240,103,76)
```
#f0754c
```
#f0754c rgb(240,117,76)
```

Similar Colors

Text with hexadecimal color #f04c4c

This text has a font color of #f04c4c.

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

#f04c4c background color

This paragraph has a background color of #f04c4c.

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

#f04c4c border color

This element has a border color of #f04c4c.

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

CSS codes

.text {color:#f04c4c;}

.background {background-color:#f04c4c;}

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

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)
```
#4a0606
```
#4a0606 rgb(74,6,6)
```
#5c0808
```
#5c0808 rgb(92,8,8)
```
#6f0909
```
#6f0909 rgb(111,9,9)
```
#810b0b
```
#810b0b rgb(129,11,11)
```
#930c0c
```
#930c0c rgb(147,12,12)
```
#a50e0e
```
#a50e0e rgb(165,14,14)
```
#b70f0f
```
#b70f0f rgb(183,15,15)
```
#c91111
```
#c91111 rgb(201,17,17)
```
#db1212
```
#db1212 rgb(219,18,18)
```

Shade Color Variation

#eb1616
```
#eb1616 rgb(235,22,22)
```
#ed2828
```
#ed2828 rgb(237,40,40)
```
#ee3a3a
```
#ee3a3a rgb(238,58,58)
```
#f04c4c
```
#f04c4c rgb(240,76,76)
```
#f25e5e
```
#f25e5e rgb(242,94,94)
```
#f37070
```
#f37070 rgb(243,112,112)
```
#f58282
```
#f58282 rgb(245,130,130)
```
#f69494
```
#f69494 rgb(246,148,148)
```
#f8a6a6
```
#f8a6a6 rgb(248,166,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 #ff3d3d is the most saturated one.

#a59797
```
#a59797 rgb(165,151,151)
```
#ad8f8f
```
#ad8f8f rgb(173,143,143)
```
#b48888
```
#b48888 rgb(180,136,136)
```
#bc8080
```
#bc8080 rgb(188,128,128)
```
#c37979
```
#c37979 rgb(195,121,121)
```
#cb7171
```
#cb7171 rgb(203,113,113)
```
#d26a6a
```
#d26a6a rgb(210,106,106)
```
#da6262
```
#da6262 rgb(218,98,98)
```
#e15b5b
```
#e15b5b rgb(225,91,91)
```
#e95353
```
#e95353 rgb(233,83,83)
```
#f04c4c
```
#f04c4c rgb(240,76,76)
```
#f74545
```
#f74545 rgb(247,69,69)
```
#ff3d3d
```
#ff3d3d rgb(255,61,61)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#947373 Atypical Achromatopsia 0.001% of the population

Dichromacy

#978d68 Protanopia 1% of men
#ac864a Deuteranopia 1% of men
#f05458 Tritanopia 0.001% of the population

Trichromacy

#b7755e Protanomaly 1% of men, 0.01% of women
#c4714a Deuteranomaly 6% of men, 0.4% of women
#f05154 Tritanomaly 0.01% of the population

#f04c4c hex color

#f04c4c Color Information

#f04c4c Color Conversion

Color Schemes with #f04c4c

Alternatives to #f04c4c

#f04c4c Preview

Shades and Tints of #f04c4c

Tones of #f04c4c

Color Blindness Simulator