#f04c3c hex color

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

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

● #f04c3c color description : Bright red.

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

Hex triplet	f04c3c	`#f04c3c`
RGB Decimal	240, 76, 60	`rgb(240,76,60)`
RGB Percent	94.1, 29.8, 23.5	`rgb(94.1%,29.8%,23.5%)`
CMYK	0, 68, 75, 6
HSL	5.3°, 85.7, 58.8	`hsl(5.3,85.7%,58.8%)`
HSV (or HSB)	5.3°, 75, 94.1
Web Safe	ff3333	`#ff3333`

CIE-LAB	56.113, 61.782, 44.824
XYZ	39.337, 24.025, 6.841
xyY	0.56, 0.342, 24.025
CIE-LCH	56.113, 76.33, 35.962
CIE-LUV	56.113, 128.817, 33.7
Hunter-Lab	49.015, 57.478, 26.036
Binary	11110000, 01001100, 00111100

#f04c3c
```
#f04c3c rgb(240,76,60)
```
#3ce0f0
```
#3ce0f0 rgb(60,224,240)
```

Complementary Color

#f03c86
```
#f03c86 rgb(240,60,134)
```
#f04c3c
```
#f04c3c rgb(240,76,60)
```
#f0a63c
```
#f0a63c rgb(240,166,60)
```

Analogous Color

#3c86f0
```
#3c86f0 rgb(60,134,240)
```
#f04c3c
```
#f04c3c rgb(240,76,60)
```
#3cf0a6
```
#3cf0a6 rgb(60,240,166)
```

Split Complementary Color

#4c3cf0
```
#4c3cf0 rgb(76,60,240)
```
#f04c3c
```
#f04c3c rgb(240,76,60)
```
#3cf04c
```
#3cf04c rgb(60,240,76)
```

Triadic Color

#f03ce0
```
#f03ce0 rgb(240,60,224)
```
#f04c3c
```
#f04c3c rgb(240,76,60)
```
#3cf04c
```
#3cf04c rgb(60,240,76)
```
#3ce0f0
```
#3ce0f0 rgb(60,224,240)
```

Tetradic Color

#d02110
```
#d02110 rgb(208,33,16)
```
#e72512
```
#e72512 rgb(231,37,18)
```
#ee3624
```
#ee3624 rgb(238,54,36)
```
#f04c3c
```
#f04c3c rgb(240,76,60)
```
#f26254
```
#f26254 rgb(242,98,84)
```
#f4776b
```
#f4776b rgb(244,119,107)
```
#f58d83
```
#f58d83 rgb(245,141,131)
```

Monochromatic Color

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

#f03c59
```
#f03c59 rgb(240,60,89)
```
#f03c4a
```
#f03c4a rgb(240,60,74)
```
#f03d3c
```
#f03d3c rgb(240,61,60)
```
#f04c3c
```
#f04c3c rgb(240,76,60)
```
#f05b3c
```
#f05b3c rgb(240,91,60)
```
#f06a3c
```
#f06a3c rgb(240,106,60)
```
#f0793c
```
#f0793c rgb(240,121,60)
```

Similar Colors

Text with hexadecimal color #f04c3c

This text has a font color of #f04c3c.

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

#f04c3c background color

This paragraph has a background color of #f04c3c.

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

#f04c3c border color

This element has a border color of #f04c3c.

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

CSS codes

.text {color:#f04c3c;}

.background {background-color:#f04c3c;}

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

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

#050100
```
#050100 rgb(5,1,0)
```
#180402
```
#180402 rgb(24,4,2)
```
#2a0703
```
#2a0703 rgb(42,7,3)
```
#3c0a05
```
#3c0a05 rgb(60,10,5)
```
#4e0c06
```
#4e0c06 rgb(78,12,6)
```
#600f07
```
#600f07 rgb(96,15,7)
```
#731209
```
#731209 rgb(115,18,9)
```
#85150a
```
#85150a rgb(133,21,10)
```
#97180c
```
#97180c rgb(151,24,12)
```
#a91b0d
```
#a91b0d rgb(169,27,13)
```
#bc1e0e
```
#bc1e0e rgb(188,30,14)
```
#ce2110
```
#ce2110 rgb(206,33,16)
```
#e02411
```
#e02411 rgb(224,36,17)
```

Shade Color Variation

#ed2b18
```
#ed2b18 rgb(237,43,24)
```
#ef3b2a
```
#ef3b2a rgb(239,59,42)
```
#f04c3c
```
#f04c3c rgb(240,76,60)
```
#f15d4e
```
#f15d4e rgb(241,93,78)
```
#f36d60
```
#f36d60 rgb(243,109,96)
```
#f47e73
```
#f47e73 rgb(244,126,115)
```
#f68f85
```
#f68f85 rgb(246,143,133)
```
#f7a097
```
#f7a097 rgb(247,160,151)
```
#f8b0a9
```
#f8b0a9 rgb(248,176,169)
```
#fac1bc
```
#fac1bc rgb(250,193,188)
```
#fbd2ce
```
#fbd2ce rgb(251,210,206)
```
#fde2e0
```
#fde2e0 rgb(253,226,224)
```
#fef3f2
```
#fef3f2 rgb(254,243,242)
```

Tint Color Variation

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

#979595
```
#979595 rgb(151,149,149)
```
#9f8e8d
```
#9f8e8d rgb(159,142,141)
```
#a78885
```
#a78885 rgb(167,136,133)
```
#af817d
```
#af817d rgb(175,129,125)
```
#b77a75
```
#b77a75 rgb(183,122,117)
```
#c0746c
```
#c0746c rgb(192,116,108)
```
#c86d64
```
#c86d64 rgb(200,109,100)
```
#d0675c
```
#d0675c rgb(208,103,92)
```
#d86054
```
#d86054 rgb(216,96,84)
```
#e0594c
```
#e0594c rgb(224,89,76)
```
#e85344
```
#e85344 rgb(232,83,68)
```
#f04c3c
```
#f04c3c rgb(240,76,60)
```
#f84534
```
#f84534 rgb(248,69,52)
```

Tone Color Variation

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

Dichromacy

#998c56 Protanopia 1% of men
#ad8639 Deuteranopia 1% of men
#f15356 Tritanopia 0.001% of the population

Trichromacy

#b8754d Protanomaly 1% of men, 0.01% of women
#c5713a Deuteranomaly 6% of men, 0.4% of women
#f0504d Tritanomaly 0.01% of the population

#f04c3c hex color

#f04c3c Color Information

#f04c3c Color Conversion

Color Schemes with #f04c3c

Alternatives to #f04c3c

#f04c3c Preview

Shades and Tints of #f04c3c

Tones of #f04c3c

Color Blindness Simulator