#f7100a hex color

In a RGB color space, hex #f7100a is composed of 96.9% red, 6.3% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 93.5% magenta, 96% yellow and 3.1% black. It has a hue angle of 1.5 degrees, a saturation of 93.7% and a lightness of 50.4%. #f7100a color hex could be obtained by blending #ff2014 with #ef0000. Closest websafe color is: #ff0000.

♥
- f
- t
- g
- R 97
- G 6
- B 4
RGB color chart
- C 0
- M 94
- Y 96
- K 3
CMYK color chart

● #f7100a color description : Vivid red.

The hexadecimal color #f7100a has RGB values of R:247, G:16, B:10 and CMYK values of C:0, M:0.94, Y:0.96, K:0.03. Its decimal value is 16191498.

Hex triplet	f7100a	`#f7100a`
RGB Decimal	247, 16, 10	`rgb(247,16,10)`
RGB Percent	96.9, 6.3, 3.9	`rgb(96.9%,6.3%,3.9%)`
CMYK	0, 94, 96, 3
HSL	1.5°, 93.7, 50.4	`hsl(1.5,93.7%,50.4%)`
HSV (or HSB)	1.5°, 96, 96.9
Web Safe	ff0000	`#ff0000`

CIE-LAB	52.031, 77.034, 63.251
XYZ	38.6, 20.172, 2.148
xyY	0.634, 0.331, 20.172
CIE-LCH	52.031, 99.674, 39.389
CIE-LUV	52.031, 166.612, 36.468
Hunter-Lab	44.913, 74.812, 28.603
Binary	11110111, 00010000, 00001010

#f7100a
```
#f7100a rgb(247,16,10)
```
#0af1f7
```
#0af1f7 rgb(10,241,247)
```

Complementary Color

#f70a7b
```
#f70a7b rgb(247,10,123)
```
#f7100a
```
#f7100a rgb(247,16,10)
```
#f7870a
```
#f7870a rgb(247,135,10)
```

Analogous Color

#0a7bf7
```
#0a7bf7 rgb(10,123,247)
```
#f7100a
```
#f7100a rgb(247,16,10)
```
#0af787
```
#0af787 rgb(10,247,135)
```

Split Complementary Color

#100af7
```
#100af7 rgb(16,10,247)
```
#f7100a
```
#f7100a rgb(247,16,10)
```
#0af710
```
#0af710 rgb(10,247,16)
```

Triadic Color

#f70af1
```
#f70af1 rgb(247,10,241)
```
#f7100a
```
#f7100a rgb(247,16,10)
```
#0af710
```
#0af710 rgb(10,247,16)
```
#0af1f7
```
#0af1f7 rgb(10,241,247)
```

Tetradic Color

#af0a06
```
#af0a06 rgb(175,10,6)
```
#c70b07
```
#c70b07 rgb(199,11,7)
```
#e00d07
```
#e00d07 rgb(224,13,7)
```
#f7100a
```
#f7100a rgb(247,16,10)
```
#f82823
```
#f82823 rgb(248,40,35)
```
#f9403b
```
#f9403b rgb(249,64,59)
```
#f95854
```
#f95854 rgb(249,88,84)
```

Monochromatic Color

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

#f70a3f
```
#f70a3f rgb(247,10,63)
```
#f70a2c
```
#f70a2c rgb(247,10,44)
```
#f70a18
```
#f70a18 rgb(247,10,24)
```
#f7100a
```
#f7100a rgb(247,16,10)
```
#f7240a
```
#f7240a rgb(247,36,10)
```
#f7370a
```
#f7370a rgb(247,55,10)
```
#f74b0a
```
#f74b0a rgb(247,75,10)
```

Similar Colors

Text with hexadecimal color #f7100a

This text has a font color of #f7100a.

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

#f7100a background color

This paragraph has a background color of #f7100a.

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

#f7100a border color

This element has a border color of #f7100a.

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

CSS codes

.text {color:#f7100a;}

.background {background-color:#f7100a;}

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

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

#020000
```
#020000 rgb(2,0,0)
```
#150101
```
#150101 rgb(21,1,1)
```
#280201
```
#280201 rgb(40,2,1)
```
#3b0302
```
#3b0302 rgb(59,3,2)
```
#4e0403
```
#4e0403 rgb(78,4,3)
```
#610603
```
#610603 rgb(97,6,3)
```
#740704
```
#740704 rgb(116,7,4)
```
#870804
```
#870804 rgb(135,8,4)
```
#9a0905
```
#9a0905 rgb(154,9,5)
```
#ad0a06
```
#ad0a06 rgb(173,10,6)
```
#c00b06
```
#c00b06 rgb(192,11,6)
```
#d30c07
```
#d30c07 rgb(211,12,7)
```
#e60d08
```
#e60d08 rgb(230,13,8)
```

Shade Color Variation

#f7100a
```
#f7100a rgb(247,16,10)
```
#f8231d
```
#f8231d rgb(248,35,29)
```
#f83530
```
#f83530 rgb(248,53,48)
```
#f94843
```
#f94843 rgb(249,72,67)
```
#f95a56
```
#f95a56 rgb(249,90,86)
```
#fa6d69
```
#fa6d69 rgb(250,109,105)
```
#fb7f7c
```
#fb7f7c rgb(251,127,124)
```
#fb928f
```
#fb928f rgb(251,146,143)
```
#fca4a2
```
#fca4a2 rgb(252,164,162)
```
#fdb7b5
```
#fdb7b5 rgb(253,183,181)
```
#fdc9c8
```
#fdc9c8 rgb(253,201,200)
```
#fedcdb
```
#fedcdb rgb(254,220,219)
```
#feeeee
```
#feeeee rgb(254,238,238)
```

Tint Color Variation

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

#827f7f
```
#827f7f rgb(130,127,127)
```
#8c7675
```
#8c7675 rgb(140,118,117)
```
#966c6b
```
#966c6b rgb(150,108,107)
```
#9f6362
```
#9f6362 rgb(159,99,98)
```
#a95a58
```
#a95a58 rgb(169,90,88)
```
#b3514e
```
#b3514e rgb(179,81,78)
```
#bd4744
```
#bd4744 rgb(189,71,68)
```
#c63e3b
```
#c63e3b rgb(198,62,59)
```
#d03531
```
#d03531 rgb(208,53,49)
```
#da2c27
```
#da2c27 rgb(218,44,39)
```
#e4221d
```
#e4221d rgb(228,34,29)
```
#ed1914
```
#ed1914 rgb(237,25,20)
```
#f7100a
```
#f7100a rgb(247,16,10)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#754645 Atypical Achromatopsia 0.001% of the population

Dichromacy

#92832a Protanopia 1% of men
#a37c00 Deuteranopia 1% of men
#f71c10 Tritanopia 0.001% of the population

Trichromacy

#b6591e Protanomaly 1% of men, 0.01% of women
#c15503 Deuteranomaly 6% of men, 0.4% of women
#f7180e Tritanomaly 0.01% of the population

#f7100a hex color

#f7100a Color Information

#f7100a Color Conversion

Color Schemes with #f7100a

Alternatives to #f7100a

#f7100a Preview

Shades and Tints of #f7100a

Tones of #f7100a

Color Blindness Simulator