#f00331 hex color

In a RGB color space, hex #f00331 is composed of 94.1% red, 1.2% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98.8% magenta, 79.6% yellow and 5.9% black. It has a hue angle of 348.4 degrees, a saturation of 97.5% and a lightness of 47.6%. #f00331 color hex could be obtained by blending #ff0662 with #e10000. Closest websafe color is: #ff0033.

♥
- f
- t
- g
- R 94
- G 1
- B 19
RGB color chart
- C 0
- M 99
- Y 80
- K 6
CMYK color chart

● #f00331 color description : Vivid red.

The hexadecimal color #f00331 has RGB values of R:240, G:3, B:49 and CMYK values of C:0, M:0.99, Y:0.8, K:0.06. Its decimal value is 15729457.

Hex triplet	f00331	`#f00331`
RGB Decimal	240, 3, 49	`rgb(240,3,49)`
RGB Percent	94.1, 1.2, 19.2	`rgb(94.1%,1.2%,19.2%)`
CMYK	0, 99, 80, 6
HSL	348.4°, 97.5, 47.6	`hsl(348.4,97.5%,47.6%)`
HSV (or HSB)	348.4°, 98.8, 94.1
Web Safe	ff0033	`#ff0033`

CIE-LAB	50.472, 76.992, 44.878
XYZ	36.524, 18.817, 4.615
xyY	0.609, 0.314, 18.817
CIE-LCH	50.472, 89.116, 30.237
CIE-LUV	50.472, 158.383, 26.776
Hunter-Lab	43.379, 74.382, 24.058
Binary	11110000, 00000011, 00110001

#f00331
```
#f00331 rgb(240,3,49)
```
#03f0c2
```
#03f0c2 rgb(3,240,194)
```

Complementary Color

#f003a8
```
#f003a8 rgb(240,3,168)
```
#f00331
```
#f00331 rgb(240,3,49)
```
#f04c03
```
#f04c03 rgb(240,76,3)
```

Analogous Color

#03a8f0
```
#03a8f0 rgb(3,168,240)
```
#f00331
```
#f00331 rgb(240,3,49)
```
#03f04c
```
#03f04c rgb(3,240,76)
```

Split Complementary Color

#0331f0
```
#0331f0 rgb(3,49,240)
```
#f00331
```
#f00331 rgb(240,3,49)
```
#31f003
```
#31f003 rgb(49,240,3)
```

Triadic Color

#c203f0
```
#c203f0 rgb(194,3,240)
```
#f00331
```
#f00331 rgb(240,3,49)
```
#31f003
```
#31f003 rgb(49,240,3)
```
#03f0c2
```
#03f0c2 rgb(3,240,194)
```

Tetradic Color

#a40222
```
#a40222 rgb(164,2,34)
```
#be0227
```
#be0227 rgb(190,2,39)
```
#d7032c
```
#d7032c rgb(215,3,44)
```
#f00331
```
#f00331 rgb(240,3,49)
```
#fc103e
```
#fc103e rgb(252,16,62)
```
#fc2a53
```
#fc2a53 rgb(252,42,83)
```
#fd4367
```
#fd4367 rgb(253,67,103)
```

Monochromatic Color

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

#f0036c
```
#f0036c rgb(240,3,108)
```
#f00358
```
#f00358 rgb(240,3,88)
```
#f00345
```
#f00345 rgb(240,3,69)
```
#f00331
```
#f00331 rgb(240,3,49)
```
#f0031d
```
#f0031d rgb(240,3,29)
```
#f00309
```
#f00309 rgb(240,3,9)
```
#f01003
```
#f01003 rgb(240,16,3)
```

Similar Colors

Text with hexadecimal color #f00331

This text has a font color of #f00331.

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

#f00331 background color

This paragraph has a background color of #f00331.

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

#f00331 border color

This element has a border color of #f00331.

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

CSS codes

.text {color:#f00331;}

.background {background-color:#f00331;}

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

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

#080002
```
#080002 rgb(8,0,2)
```
#1b0005
```
#1b0005 rgb(27,0,5)
```
#2e0109
```
#2e0109 rgb(46,1,9)
```
#42010d
```
#42010d rgb(66,1,13)
```
#550111
```
#550111 rgb(85,1,17)
```
#680115
```
#680115 rgb(104,1,21)
```
#7c0219
```
#7c0219 rgb(124,2,25)
```
#8f021d
```
#8f021d rgb(143,2,29)
```
#a30221
```
#a30221 rgb(163,2,33)
```
#b60225
```
#b60225 rgb(182,2,37)
```
#c90329
```
#c90329 rgb(201,3,41)
```
#dd032d
```
#dd032d rgb(221,3,45)
```
#f00331
```
#f00331 rgb(240,3,49)
```

Shade Color Variation

#fc0b39
```
#fc0b39 rgb(252,11,57)
```
#fc1e49
```
#fc1e49 rgb(252,30,73)
```
#fc3159
```
#fc3159 rgb(252,49,89)
```
#fd4568
```
#fd4568 rgb(253,69,104)
```
#fd5878
```
#fd5878 rgb(253,88,120)
```
#fd6c88
```
#fd6c88 rgb(253,108,136)
```
#fd7f97
```
#fd7f97 rgb(253,127,151)
```
#fe92a7
```
#fe92a7 rgb(254,146,167)
```
#fea6b7
```
#fea6b7 rgb(254,166,183)
```
#feb9c6
```
#feb9c6 rgb(254,185,198)
```
#feccd6
```
#feccd6 rgb(254,204,214)
```
#ffe0e6
```
#ffe0e6 rgb(255,224,230)
```
#fff3f5
```
#fff3f5 rgb(255,243,245)
```

Tint Color Variation

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

#807376
```
#807376 rgb(128,115,118)
```
#896a70
```
#896a70 rgb(137,106,112)
```
#93606a
```
#93606a rgb(147,96,106)
```
#9c5764
```
#9c5764 rgb(156,87,100)
```
#a54e5f
```
#a54e5f rgb(165,78,95)
```
#af4459
```
#af4459 rgb(175,68,89)
```
#b83b53
```
#b83b53 rgb(184,59,83)
```
#c1324e
```
#c1324e rgb(193,50,78)
```
#cb2848
```
#cb2848 rgb(203,40,72)
```
#d41f42
```
#d41f42 rgb(212,31,66)
```
#dd163c
```
#dd163c rgb(221,22,60)
```
#e70c37
```
#e70c37 rgb(231,12,55)
```
#f00331
```
#f00331 rgb(240,3,49)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#6f4049 Atypical Achromatopsia 0.001% of the population

Dichromacy

#897f53 Protanopia 1% of men
#9d7929 Deuteranopia 1% of men
#f01c12 Tritanopia 0.001% of the population

Trichromacy

#af5147 Protanomaly 1% of men, 0.01% of women
#bb4e2c Deuteranomaly 6% of men, 0.4% of women
#f0131d Tritanomaly 0.01% of the population

#f00331 hex color

#f00331 Color Information

#f00331 Color Conversion

Color Schemes with #f00331

Alternatives to #f00331

#f00331 Preview

Shades and Tints of #f00331

Tones of #f00331

Color Blindness Simulator