#f03540 hex color

In a RGB color space, hex #f03540 is composed of 94.1% red, 20.8% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.9% magenta, 73.3% yellow and 5.9% black. It has a hue angle of 356.5 degrees, a saturation of 86.2% and a lightness of 57.5%. #f03540 color hex could be obtained by blending #ff6a80 with #e10000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 94
- G 21
- B 25
RGB color chart
- C 0
- M 78
- Y 73
- K 6
CMYK color chart

● #f03540 color description : Bright red.

The hexadecimal color #f03540 has RGB values of R:240, G:53, B:64 and CMYK values of C:0, M:0.78, Y:0.73, K:0.06. Its decimal value is 15742272.

Hex triplet	f03540	`#f03540`
RGB Decimal	240, 53, 64	`rgb(240,53,64)`
RGB Percent	94.1, 20.8, 25.1	`rgb(94.1%,20.8%,25.1%)`
CMYK	0, 78, 73, 6
HSL	356.5°, 86.2, 57.5	`hsl(356.5,86.2%,57.5%)`
HSV (or HSB)	356.5°, 77.9, 94.1
Web Safe	ff3333	`#ff3333`

CIE-LAB	53.435, 69.493, 39.664
XYZ	38.136, 21.446, 6.982
xyY	0.573, 0.322, 21.446
CIE-LCH	53.435, 80.016, 29.716
CIE-LUV	53.435, 140.854, 26.791
Hunter-Lab	46.31, 65.949, 23.478
Binary	11110000, 00110101, 01000000

#f03540
```
#f03540 rgb(240,53,64)
```
#35f0e5
```
#35f0e5 rgb(53,240,229)
```

Complementary Color

#f0359e
```
#f0359e rgb(240,53,158)
```
#f03540
```
#f03540 rgb(240,53,64)
```
#f08835
```
#f08835 rgb(240,136,53)
```

Analogous Color

#359ef0
```
#359ef0 rgb(53,158,240)
```
#f03540
```
#f03540 rgb(240,53,64)
```
#35f088
```
#35f088 rgb(53,240,136)
```

Split Complementary Color

#3540f0
```
#3540f0 rgb(53,64,240)
```
#f03540
```
#f03540 rgb(240,53,64)
```
#40f035
```
#40f035 rgb(64,240,53)
```

Triadic Color

#e535f0
```
#e535f0 rgb(229,53,240)
```
#f03540
```
#f03540 rgb(240,53,64)
```
#40f035
```
#40f035 rgb(64,240,53)
```
#35f0e5
```
#35f0e5 rgb(53,240,229)
```

Tetradic Color

#ca0f1a
```
#ca0f1a rgb(202,15,26)
```
#e1111d
```
#e1111d rgb(225,17,29)
```
#ee1d2a
```
#ee1d2a rgb(238,29,42)
```
#f03540
```
#f03540 rgb(240,53,64)
```
#f24d56
```
#f24d56 rgb(242,77,86)
```
#f4646d
```
#f4646d rgb(244,100,109)
```
#f57c83
```
#f57c83 rgb(245,124,131)
```

Monochromatic Color

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

#f0356f
```
#f0356f rgb(240,53,111)
```
#f0355f
```
#f0355f rgb(240,53,95)
```
#f03550
```
#f03550 rgb(240,53,80)
```
#f03540
```
#f03540 rgb(240,53,64)
```
#f03a35
```
#f03a35 rgb(240,58,53)
```
#f04935
```
#f04935 rgb(240,73,53)
```
#f05935
```
#f05935 rgb(240,89,53)
```

Similar Colors

Text with hexadecimal color #f03540

This text has a font color of #f03540.

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

#f03540 background color

This paragraph has a background color of #f03540.

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

#f03540 border color

This element has a border color of #f03540.

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

CSS codes

.text {color:#f03540;}

.background {background-color:#f03540;}

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

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

#110102
```
#110102 rgb(17,1,2)
```
#230305
```
#230305 rgb(35,3,5)
```
#360407
```
#360407 rgb(54,4,7)
```
#480509
```
#480509 rgb(72,5,9)
```
#5a070c
```
#5a070c rgb(90,7,12)
```
#6c080e
```
#6c080e rgb(108,8,14)
```
#7f0910
```
#7f0910 rgb(127,9,16)
```
#910b13
```
#910b13 rgb(145,11,19)
```
#a30c15
```
#a30c15 rgb(163,12,21)
```
#b50d17
```
#b50d17 rgb(181,13,23)
```
#c80f1a
```
#c80f1a rgb(200,15,26)
```
#da101c
```
#da101c rgb(218,16,28)
```
#ec121e
```
#ec121e rgb(236,18,30)
```

Shade Color Variation

#ef232f
```
#ef232f rgb(239,35,47)
```
#f03540
```
#f03540 rgb(240,53,64)
```
#f14751
```
#f14751 rgb(241,71,81)
```
#f35a63
```
#f35a63 rgb(243,90,99)
```
#f46c74
```
#f46c74 rgb(244,108,116)
```
#f57e85
```
#f57e85 rgb(245,126,133)
```
#f79096
```
#f79096 rgb(247,144,150)
```
#f8a3a8
```
#f8a3a8 rgb(248,163,168)
```
#f9b5b9
```
#f9b5b9 rgb(249,181,185)
```
#fbc7ca
```
#fbc7ca rgb(251,199,202)
```
#fcd9db
```
#fcd9db rgb(252,217,219)
```
#feeced
```
#feeced rgb(254,236,237)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#949191
```
#949191 rgb(148,145,145)
```
#9d888a
```
#9d888a rgb(157,136,138)
```
#a58082
```
#a58082 rgb(165,128,130)
```
#ad787b
```
#ad787b rgb(173,120,123)
```
#b66f74
```
#b66f74 rgb(182,111,116)
```
#be676c
```
#be676c rgb(190,103,108)
```
#c65f65
```
#c65f65 rgb(198,95,101)
```
#cf565d
```
#cf565d rgb(207,86,93)
```
#d74e56
```
#d74e56 rgb(215,78,86)
```
#df464f
```
#df464f rgb(223,70,79)
```
#e83d47
```
#e83d47 rgb(232,61,71)
```
#f03540
```
#f03540 rgb(240,53,64)
```
#f82d39
```
#f82d39 rgb(248,45,57)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#886365 Atypical Achromatopsia 0.001% of the population

Dichromacy

#90865f Protanopia 1% of men
#a5803c Deuteranopia 1% of men
#f04042 Tritanopia 0.001% of the population

Trichromacy

#b36854 Protanomaly 1% of men, 0.01% of women
#c0643d Deuteranomaly 6% of men, 0.4% of women
#f03c41 Tritanomaly 0.01% of the population

#f03540 hex color

#f03540 Color Information

#f03540 Color Conversion

Color Schemes with #f03540

Alternatives to #f03540

#f03540 Preview

Shades and Tints of #f03540

Tones of #f03540

Color Blindness Simulator