#f70631 hex color

In a RGB color space, hex #f70631 is composed of 96.9% red, 2.4% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 97.6% magenta, 80.2% yellow and 3.1% black. It has a hue angle of 349.3 degrees, a saturation of 95.3% and a lightness of 49.6%. #f70631 color hex could be obtained by blending #ff0c62 with #ef0000. Closest websafe color is: #ff0033.

♥
- f
- t
- g
- R 97
- G 2
- B 19
RGB color chart
- C 0
- M 98
- Y 80
- K 3
CMYK color chart

● #f70631 color description : Vivid red.

The hexadecimal color #f70631 has RGB values of R:247, G:6, B:49 and CMYK values of C:0, M:0.98, Y:0.8, K:0.03. Its decimal value is 16188977.

Hex triplet	f70631	`#f70631`
RGB Decimal	247, 6, 49	`rgb(247,6,49)`
RGB Percent	96.9, 2.4, 19.2	`rgb(96.9%,2.4%,19.2%)`
CMYK	0, 98, 80, 3
HSL	349.3°, 95.3, 49.6	`hsl(349.3,95.3%,49.6%)`
HSV (or HSB)	349.3°, 97.6, 96.9
Web Safe	ff0033	`#ff0033`

CIE-LAB	51.985, 78.44, 46.865
XYZ	38.979, 20.131, 4.739
xyY	0.61, 0.315, 20.131
CIE-LCH	51.985, 91.374, 30.857
CIE-LUV	51.985, 162.978, 28.246
Hunter-Lab	44.868, 76.554, 25.145
Binary	11110111, 00000110, 00110001

#f70631
```
#f70631 rgb(247,6,49)
```
#06f7cc
```
#06f7cc rgb(6,247,204)
```

Complementary Color

#f706aa
```
#f706aa rgb(247,6,170)
```
#f70631
```
#f70631 rgb(247,6,49)
```
#f75406
```
#f75406 rgb(247,84,6)
```

Analogous Color

#06aaf7
```
#06aaf7 rgb(6,170,247)
```
#f70631
```
#f70631 rgb(247,6,49)
```
#06f754
```
#06f754 rgb(6,247,84)
```

Split Complementary Color

#0631f7
```
#0631f7 rgb(6,49,247)
```
#f70631
```
#f70631 rgb(247,6,49)
```
#31f706
```
#31f706 rgb(49,247,6)
```

Triadic Color

#cc06f7
```
#cc06f7 rgb(204,6,247)
```
#f70631
```
#f70631 rgb(247,6,49)
```
#31f706
```
#31f706 rgb(49,247,6)
```
#06f7cc
```
#06f7cc rgb(6,247,204)
```

Tetradic Color

#ac0422
```
#ac0422 rgb(172,4,34)
```
#c50527
```
#c50527 rgb(197,5,39)
```
#de052c
```
#de052c rgb(222,5,44)
```
#f70631
```
#f70631 rgb(247,6,49)
```
#fa1d44
```
#fa1d44 rgb(250,29,68)
```
#fa3659
```
#fa3659 rgb(250,54,89)
```
#fb4f6d
```
#fb4f6d rgb(251,79,109)
```

Monochromatic Color

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

#f7066d
```
#f7066d rgb(247,6,109)
```
#f70659
```
#f70659 rgb(247,6,89)
```
#f70645
```
#f70645 rgb(247,6,69)
```
#f70631
```
#f70631 rgb(247,6,49)
```
#f7061d
```
#f7061d rgb(247,6,29)
```
#f70609
```
#f70609 rgb(247,6,9)
```
#f71706
```
#f71706 rgb(247,23,6)
```

Similar Colors

Text with hexadecimal color #f70631

This text has a font color of #f70631.

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

#f70631 background color

This paragraph has a background color of #f70631.

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

#f70631 border color

This element has a border color of #f70631.

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

CSS codes

.text {color:#f70631;}

.background {background-color:#f70631;}

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

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

#110003
```
#110003 rgb(17,0,3)
```
#240107
```
#240107 rgb(36,1,7)
```
#37010b
```
#37010b rgb(55,1,11)
```
#4b020f
```
#4b020f rgb(75,2,15)
```
#5e0213
```
#5e0213 rgb(94,2,19)
```
#710316
```
#710316 rgb(113,3,22)
```
#84031a
```
#84031a rgb(132,3,26)
```
#97041e
```
#97041e rgb(151,4,30)
```
#aa0422
```
#aa0422 rgb(170,4,34)
```
#be0526
```
#be0526 rgb(190,5,38)
```
#d10529
```
#d10529 rgb(209,5,41)
```
#e4062d
```
#e4062d rgb(228,6,45)
```
#f70631
```
#f70631 rgb(247,6,49)
```

Shade Color Variation

#f91740
```
#f91740 rgb(249,23,64)
```
#fa2a4f
```
#fa2a4f rgb(250,42,79)
```
#fa3e5f
```
#fa3e5f rgb(250,62,95)
```
#fb516f
```
#fb516f rgb(251,81,111)
```
#fb647f
```
#fb647f rgb(251,100,127)
```
#fc778f
```
#fc778f rgb(252,119,143)
```
#fc8a9e
```
#fc8a9e rgb(252,138,158)
```
#fd9dae
```
#fd9dae rgb(253,157,174)
```
#fdb0be
```
#fdb0be rgb(253,176,190)
```
#fec4ce
```
#fec4ce rgb(254,196,206)
```
#fed7de
```
#fed7de rgb(254,215,222)
```
#feeaee
```
#feeaee rgb(254,234,238)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#827b7c
```
#827b7c rgb(130,123,124)
```
#8c7176
```
#8c7176 rgb(140,113,118)
```
#966770
```
#966770 rgb(150,103,112)
```
#9f5e69
```
#9f5e69 rgb(159,94,105)
```
#a95463
```
#a95463 rgb(169,84,99)
```
#b34a5d
```
#b34a5d rgb(179,74,93)
```
#bd4057
```
#bd4057 rgb(189,64,87)
```
#c63750
```
#c63750 rgb(198,55,80)
```
#d02d4a
```
#d02d4a rgb(208,45,74)
```
#da2344
```
#da2344 rgb(218,35,68)
```
#e4193e
```
#e4193e rgb(228,25,62)
```
#ed1037
```
#ed1037 rgb(237,16,55)
```
#f70631
```
#f70631 rgb(247,6,49)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#74444c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e8254 Protanopia 1% of men
#a27c28 Deuteranopia 1% of men
#f61e14 Tritanopia 0.001% of the population

Trichromacy

#b45547 Protanomaly 1% of men, 0.01% of women
#c1512b Deuteranomaly 6% of men, 0.4% of women
#f6151e Tritanomaly 0.01% of the population

#f70631 hex color

#f70631 Color Information

#f70631 Color Conversion

Color Schemes with #f70631

Alternatives to #f70631

#f70631 Preview

Shades and Tints of #f70631

Tones of #f70631

Color Blindness Simulator