#f0322e hex color

In a RGB color space, hex #f0322e is composed of 94.1% red, 19.6% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.2% magenta, 80.8% yellow and 5.9% black. It has a hue angle of 1.2 degrees, a saturation of 86.6% and a lightness of 56.1%. #f0322e color hex could be obtained by blending #ff645c with #e10000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 94
- G 20
- B 18
RGB color chart
- C 0
- M 79
- Y 81
- K 6
CMYK color chart

● #f0322e color description : Bright red.

The hexadecimal color #f0322e has RGB values of R:240, G:50, B:46 and CMYK values of C:0, M:0.79, Y:0.81, K:0.06. Its decimal value is 15741486.

Hex triplet	f0322e	`#f0322e`
RGB Decimal	240, 50, 46	`rgb(240,50,46)`
RGB Percent	94.1, 19.6, 18	`rgb(94.1%,19.6%,18%)`
CMYK	0, 79, 81, 6
HSL	1.2°, 86.6, 56.1	`hsl(1.2,86.6%,56.1%)`
HSV (or HSB)	1.2°, 80.8, 94.1
Web Safe	ff3333	`#ff3333`

CIE-LAB	52.959, 69.715, 48.929
XYZ	37.571, 21.008, 4.661
xyY	0.594, 0.332, 21.008
CIE-LCH	52.959, 85.171, 35.063
CIE-LUV	52.959, 145.959, 32.567
Hunter-Lab	45.835, 66.105, 26.055
Binary	11110000, 00110010, 00101110

#f0322e
```
#f0322e rgb(240,50,46)
```
#2eecf0
```
#2eecf0 rgb(46,236,240)
```

Complementary Color

#f02e8b
```
#f02e8b rgb(240,46,139)
```
#f0322e
```
#f0322e rgb(240,50,46)
```
#f0932e
```
#f0932e rgb(240,147,46)
```

Analogous Color

#2e8bf0
```
#2e8bf0 rgb(46,139,240)
```
#f0322e
```
#f0322e rgb(240,50,46)
```
#2ef093
```
#2ef093 rgb(46,240,147)
```

Split Complementary Color

#322ef0
```
#322ef0 rgb(50,46,240)
```
#f0322e
```
#f0322e rgb(240,50,46)
```
#2ef032
```
#2ef032 rgb(46,240,50)
```

Triadic Color

#f02eec
```
#f02eec rgb(240,46,236)
```
#f0322e
```
#f0322e rgb(240,50,46)
```
#2ef032
```
#2ef032 rgb(46,240,50)
```
#2eecf0
```
#2eecf0 rgb(46,236,240)
```

Tetradic Color

#c3120e
```
#c3120e rgb(195,18,14)
```
#db1410
```
#db1410 rgb(219,20,16)
```
#ee1b16
```
#ee1b16 rgb(238,27,22)
```
#f0322e
```
#f0322e rgb(240,50,46)
```
#f24946
```
#f24946 rgb(242,73,70)
```
#f3615e
```
#f3615e rgb(243,97,94)
```
#f57875
```
#f57875 rgb(245,120,117)
```

Monochromatic Color

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

#f02e5b
```
#f02e5b rgb(240,46,91)
```
#f02e4a
```
#f02e4a rgb(240,46,74)
```
#f02e3a
```
#f02e3a rgb(240,46,58)
```
#f0322e
```
#f0322e rgb(240,50,46)
```
#f0422e
```
#f0422e rgb(240,66,46)
```
#f0522e
```
#f0522e rgb(240,82,46)
```
#f0632e
```
#f0632e rgb(240,99,46)
```

Similar Colors

Text with hexadecimal color #f0322e

This text has a font color of #f0322e.

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

#f0322e background color

This paragraph has a background color of #f0322e.

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

#f0322e border color

This element has a border color of #f0322e.

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

CSS codes

.text {color:#f0322e;}

.background {background-color:#f0322e;}

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

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, #0b0101 is the darkest color, while #fef7f7 is the lightest one.

#0b0101
```
#0b0101 rgb(11,1,1)
```
#1d0302
```
#1d0302 rgb(29,3,2)
```
#2f0403
```
#2f0403 rgb(47,4,3)
```
#420605
```
#420605 rgb(66,6,5)
```
#540806
```
#540806 rgb(84,8,6)
```
#660907
```
#660907 rgb(102,9,7)
```
#780b09
```
#780b09 rgb(120,11,9)
```
#8b0d0a
```
#8b0d0a rgb(139,13,10)
```
#9d0e0b
```
#9d0e0b rgb(157,14,11)
```
#af100d
```
#af100d rgb(175,16,13)
```
#c2120e
```
#c2120e rgb(194,18,14)
```
#d4130f
```
#d4130f rgb(212,19,15)
```
#e61511
```
#e61511 rgb(230,21,17)
```

Shade Color Variation

#ef201c
```
#ef201c rgb(239,32,28)
```
#f0322e
```
#f0322e rgb(240,50,46)
```
#f14440
```
#f14440 rgb(241,68,64)
```
#f35653
```
#f35653 rgb(243,86,83)
```
#f46865
```
#f46865 rgb(244,104,101)
```
#f57a77
```
#f57a77 rgb(245,122,119)
```
#f78c8a
```
#f78c8a rgb(247,140,138)
```
#f89e9c
```
#f89e9c rgb(248,158,156)
```
#f9b0ae
```
#f9b0ae rgb(249,176,174)
```
#fbc2c0
```
#fbc2c0 rgb(251,194,192)
```
#fcd4d3
```
#fcd4d3 rgb(252,212,211)
```
#fde6e5
```
#fde6e5 rgb(253,230,229)
```
#fef7f7
```
#fef7f7 rgb(254,247,247)
```

Tint Color Variation

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

#918d8d
```
#918d8d rgb(145,141,141)
```
#9a8584
```
#9a8584 rgb(154,133,132)
```
#a27c7c
```
#a27c7c rgb(162,124,124)
```
#ab7473
```
#ab7473 rgb(171,116,115)
```
#b46c6a
```
#b46c6a rgb(180,108,106)
```
#bc6462
```
#bc6462 rgb(188,100,98)
```
#c55b59
```
#c55b59 rgb(197,91,89)
```
#ce5350
```
#ce5350 rgb(206,83,80)
```
#d64b48
```
#d64b48 rgb(214,75,72)
```
#df433f
```
#df433f rgb(223,67,63)
```
#e73a37
```
#e73a37 rgb(231,58,55)
```
#f0322e
```
#f0322e rgb(240,50,46)
```
#f92a25
```
#f92a25 rgb(249,42,37)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#855f5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#91854b Protanopia 1% of men
#a57e27 Deuteranopia 1% of men
#f03c3c Tritanopia 0.001% of the population

Trichromacy

#b46640 Protanomaly 1% of men, 0.01% of women
#c06229 Deuteranomaly 6% of men, 0.4% of women
#f03837 Tritanomaly 0.01% of the population

#f0322e hex color

#f0322e Color Information

#f0322e Color Conversion

Color Schemes with #f0322e

Alternatives to #f0322e

#f0322e Preview

Shades and Tints of #f0322e

Tones of #f0322e

Color Blindness Simulator