#f7002c hex color

In a RGB color space, hex #f7002c is composed of 96.9% red, 0% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 100% magenta, 82.2% yellow and 3.1% black. It has a hue angle of 349.3 degrees, a saturation of 100% and a lightness of 48.4%. #f7002c color hex could be obtained by blending #ff0058 with #ef0000. Closest websafe color is: #ff0033.

♥
- f
- t
- g
- R 97
- G 0
- B 17
RGB color chart
- C 0
- M 100
- Y 82
- K 3
CMYK color chart

● #f7002c color description : Pure (or mostly pure) red.

The hexadecimal color #f7002c has RGB values of R:247, G:0, B:44 and CMYK values of C:0, M:1, Y:0.82, K:0.03. Its decimal value is 16187436.

Hex triplet	f7002c	`#f7002c`
RGB Decimal	247, 0, 44	`rgb(247,0,44)`
RGB Percent	96.9, 0, 17.3	`rgb(96.9%,0%,17.3%)`
CMYK	0, 100, 82, 3
HSL	349.3°, 100, 48.4	`hsl(349.3,100%,48.4%)`
HSV (or HSB)	349.3°, 100, 96.9
Web Safe	ff0033	`#ff0033`

CIE-LAB	51.793, 78.743, 49.352
XYZ	38.815, 19.961, 4.192
xyY	0.616, 0.317, 19.961
CIE-LCH	51.793, 92.931, 32.077
CIE-LUV	51.793, 164.782, 29.47
Hunter-Lab	44.678, 76.888, 25.712
Binary	11110111, 00000000, 00101100

#f7002c
```
#f7002c rgb(247,0,44)
```
#00f7cb
```
#00f7cb rgb(0,247,203)
```

Complementary Color

#f700a8
```
#f700a8 rgb(247,0,168)
```
#f7002c
```
#f7002c rgb(247,0,44)
```
#f74f00
```
#f74f00 rgb(247,79,0)
```

Analogous Color

#00a8f7
```
#00a8f7 rgb(0,168,247)
```
#f7002c
```
#f7002c rgb(247,0,44)
```
#00f74f
```
#00f74f rgb(0,247,79)
```

Split Complementary Color

#002cf7
```
#002cf7 rgb(0,44,247)
```
#f7002c
```
#f7002c rgb(247,0,44)
```
#2cf700
```
#2cf700 rgb(44,247,0)
```

Triadic Color

#cb00f7
```
#cb00f7 rgb(203,0,247)
```
#f7002c
```
#f7002c rgb(247,0,44)
```
#2cf700
```
#2cf700 rgb(44,247,0)
```
#00f7cb
```
#00f7cb rgb(0,247,203)
```

Tetradic Color

#ab001e
```
#ab001e rgb(171,0,30)
```
#c40023
```
#c40023 rgb(196,0,35)
```
#de0027
```
#de0027 rgb(222,0,39)
```
#f7002c
```
#f7002c rgb(247,0,44)
```
#ff123c
```
#ff123c rgb(255,18,60)
```
#ff2b51
```
#ff2b51 rgb(255,43,81)
```
#ff4566
```
#ff4566 rgb(255,69,102)
```

Monochromatic Color

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

#f7006a
```
#f7006a rgb(247,0,106)
```
#f70055
```
#f70055 rgb(247,0,85)
```
#f70041
```
#f70041 rgb(247,0,65)
```
#f7002c
```
#f7002c rgb(247,0,44)
```
#f70017
```
#f70017 rgb(247,0,23)
```
#f70003
```
#f70003 rgb(247,0,3)
```
#f71200
```
#f71200 rgb(247,18,0)
```

Similar Colors

Text with hexadecimal color #f7002c

This text has a font color of #f7002c.

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

#f7002c background color

This paragraph has a background color of #f7002c.

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

#f7002c border color

This element has a border color of #f7002c.

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

CSS codes

.text {color:#f7002c;}

.background {background-color:#f7002c;}

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

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

#0c0002
```
#0c0002 rgb(12,0,2)
```
#1f0006
```
#1f0006 rgb(31,0,6)
```
#330009
```
#330009 rgb(51,0,9)
```
#46000d
```
#46000d rgb(70,0,13)
```
#5a0010
```
#5a0010 rgb(90,0,16)
```
#6e0014
```
#6e0014 rgb(110,0,20)
```
#810017
```
#810017 rgb(129,0,23)
```
#95001b
```
#95001b rgb(149,0,27)
```
#a9001e
```
#a9001e rgb(169,0,30)
```
#bc0022
```
#bc0022 rgb(188,0,34)
```
#d00025
```
#d00025 rgb(208,0,37)
```
#e30029
```
#e30029 rgb(227,0,41)
```
#f7002c
```
#f7002c rgb(247,0,44)
```

Shade Color Variation

#ff0c37
```
#ff0c37 rgb(255,12,55)
```
#ff1f47
```
#ff1f47 rgb(255,31,71)
```
#ff3357
```
#ff3357 rgb(255,51,87)
```
#ff4667
```
#ff4667 rgb(255,70,103)
```
#ff5a77
```
#ff5a77 rgb(255,90,119)
```
#ff6e88
```
#ff6e88 rgb(255,110,136)
```
#ff8198
```
#ff8198 rgb(255,129,152)
```
#ff95a8
```
#ff95a8 rgb(255,149,168)
```
#ffa9b8
```
#ffa9b8 rgb(255,169,184)
```
#ffbcc8
```
#ffbcc8 rgb(255,188,200)
```
#ffd0d8
```
#ffd0d8 rgb(255,208,216)
```
#ffe3e8
```
#ffe3e8 rgb(255,227,232)
```
#fff7f8
```
#fff7f8 rgb(255,247,248)
```

Tint Color Variation

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

#857275
```
#857275 rgb(133,114,117)
```
#8f696f
```
#8f696f rgb(143,105,111)
```
#985f69
```
#985f69 rgb(152,95,105)
```
#a25663
```
#a25663 rgb(162,86,99)
```
#ab4c5d
```
#ab4c5d rgb(171,76,93)
```
#b54357
```
#b54357 rgb(181,67,87)
```
#be3951
```
#be3951 rgb(190,57,81)
```
#c8304b
```
#c8304b rgb(200,48,75)
```
#d12644
```
#d12644 rgb(209,38,68)
```
#db1d3e
```
#db1d3e rgb(219,29,62)
```
#e41338
```
#e41338 rgb(228,19,56)
```
#ee0a32
```
#ee0a32 rgb(238,10,50)
```
#f7002c
```
#f7002c rgb(247,0,44)
```

Tone Color Variation

Below, you can see how #f7002c 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
#713f48 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e824e Protanopia 1% of men
#a27c21 Deuteranopia 1% of men
#f61a00 Tritanopia 0.001% of the population

Trichromacy

#b45241 Protanomaly 1% of men, 0.01% of women
#c14e25 Deuteranomaly 6% of men, 0.4% of women
#f61010 Tritanomaly 0.01% of the population

#f7002c hex color

#f7002c Color Information

#f7002c Color Conversion

Color Schemes with #f7002c

Alternatives to #f7002c

#f7002c Preview

Shades and Tints of #f7002c

Tones of #f7002c

Color Blindness Simulator