#f00314 hex color

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

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

● #f00314 color description : Vivid red.

The hexadecimal color #f00314 has RGB values of R:240, G:3, B:20 and CMYK values of C:0, M:0.99, Y:0.92, K:0.06. Its decimal value is 15729428.

Hex triplet	f00314	`#f00314`
RGB Decimal	240, 3, 20	`rgb(240,3,20)`
RGB Percent	94.1, 1.2, 7.8	`rgb(94.1%,1.2%,7.8%)`
CMYK	0, 99, 92, 6
HSL	355.7°, 97.5, 47.6	`hsl(355.7,97.5%,47.6%)`
HSV (or HSB)	355.7°, 98.8, 94.1
Web Safe	ff0000	`#ff0000`

CIE-LAB	50.27, 76.438, 58.493
XYZ	36.096, 18.646, 2.36
xyY	0.632, 0.327, 18.646
CIE-LCH	50.27, 96.251, 37.425
CIE-LUV	50.27, 162.959, 33.607
Hunter-Lab	43.181, 73.647, 26.986
Binary	11110000, 00000011, 00010100

#f00314
```
#f00314 rgb(240,3,20)
```
#03f0df
```
#03f0df rgb(3,240,223)
```

Complementary Color

#f0038b
```
#f0038b rgb(240,3,139)
```
#f00314
```
#f00314 rgb(240,3,20)
```
#f06903
```
#f06903 rgb(240,105,3)
```

Analogous Color

#038bf0
```
#038bf0 rgb(3,139,240)
```
#f00314
```
#f00314 rgb(240,3,20)
```
#03f069
```
#03f069 rgb(3,240,105)
```

Split Complementary Color

#0314f0
```
#0314f0 rgb(3,20,240)
```
#f00314
```
#f00314 rgb(240,3,20)
```
#14f003
```
#14f003 rgb(20,240,3)
```

Triadic Color

#df03f0
```
#df03f0 rgb(223,3,240)
```
#f00314
```
#f00314 rgb(240,3,20)
```
#14f003
```
#14f003 rgb(20,240,3)
```
#03f0df
```
#03f0df rgb(3,240,223)
```

Tetradic Color

#a4020e
```
#a4020e rgb(164,2,14)
```
#be0210
```
#be0210 rgb(190,2,16)
```
#d70312
```
#d70312 rgb(215,3,18)
```
#f00314
```
#f00314 rgb(240,3,20)
```
#fc1021
```
#fc1021 rgb(252,16,33)
```
#fc2a39
```
#fc2a39 rgb(252,42,57)
```
#fd4350
```
#fd4350 rgb(253,67,80)
```

Monochromatic Color

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

#f0034f
```
#f0034f rgb(240,3,79)
```
#f0033b
```
#f0033b rgb(240,3,59)
```
#f00328
```
#f00328 rgb(240,3,40)
```
#f00314
```
#f00314 rgb(240,3,20)
```
#f00603
```
#f00603 rgb(240,6,3)
```
#f01a03
```
#f01a03 rgb(240,26,3)
```
#f02d03
```
#f02d03 rgb(240,45,3)
```

Similar Colors

Text with hexadecimal color #f00314

This text has a font color of #f00314.

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

#f00314 background color

This paragraph has a background color of #f00314.

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

#f00314 border color

This element has a border color of #f00314.

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

CSS codes

.text {color:#f00314;}

.background {background-color:#f00314;}

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

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

#080001
```
#080001 rgb(8,0,1)
```
#1b0002
```
#1b0002 rgb(27,0,2)
```
#2e0104
```
#2e0104 rgb(46,1,4)
```
#420105
```
#420105 rgb(66,1,5)
```
#550107
```
#550107 rgb(85,1,7)
```
#680109
```
#680109 rgb(104,1,9)
```
#7c020a
```
#7c020a rgb(124,2,10)
```
#8f020c
```
#8f020c rgb(143,2,12)
```
#a3020e
```
#a3020e rgb(163,2,14)
```
#b6020f
```
#b6020f rgb(182,2,15)
```
#c90311
```
#c90311 rgb(201,3,17)
```
#dd0312
```
#dd0312 rgb(221,3,18)
```
#f00314
```
#f00314 rgb(240,3,20)
```

Shade Color Variation

#fc0b1c
```
#fc0b1c rgb(252,11,28)
```
#fc1e2e
```
#fc1e2e rgb(252,30,46)
```
#fc3140
```
#fc3140 rgb(252,49,64)
```
#fd4552
```
#fd4552 rgb(253,69,82)
```
#fd5864
```
#fd5864 rgb(253,88,100)
```
#fd6c76
```
#fd6c76 rgb(253,108,118)
```
#fd7f88
```
#fd7f88 rgb(253,127,136)
```
#fe929a
```
#fe929a rgb(254,146,154)
```
#fea6ac
```
#fea6ac rgb(254,166,172)
```
#feb9be
```
#feb9be rgb(254,185,190)
```
#feccd0
```
#feccd0 rgb(254,204,208)
```
#ffe0e2
```
#ffe0e2 rgb(255,224,226)
```
#fff3f4
```
#fff3f4 rgb(255,243,244)
```

Tint Color Variation

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

#807374
```
#807374 rgb(128,115,116)
```
#896a6c
```
#896a6c rgb(137,106,108)
```
#936064
```
#936064 rgb(147,96,100)
```
#9c575c
```
#9c575c rgb(156,87,92)
```
#a54e54
```
#a54e54 rgb(165,78,84)
```
#af444c
```
#af444c rgb(175,68,76)
```
#b83b44
```
#b83b44 rgb(184,59,68)
```
#c1323c
```
#c1323c rgb(193,50,60)
```
#cb2834
```
#cb2834 rgb(203,40,52)
```
#d41f2c
```
#d41f2c rgb(212,31,44)
```
#dd1624
```
#dd1624 rgb(221,22,36)
```
#e70c1c
```
#e70c1c rgb(231,12,28)
```
#f00314
```
#f00314 rgb(240,3,20)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#6d3d41 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c7e33 Protanopia 1% of men
#9e7800 Deuteranopia 1% of men
#ef1900 Tritanopia 0.001% of the population

Trichromacy

#b05128 Protanomaly 1% of men, 0.01% of women
#bc4d07 Deuteranomaly 6% of men, 0.4% of women
#ef1107 Tritanomaly 0.01% of the population

#f00314 hex color

#f00314 Color Information

#f00314 Color Conversion

Color Schemes with #f00314

Alternatives to #f00314

#f00314 Preview

Shades and Tints of #f00314

Tones of #f00314

Color Blindness Simulator