colorhexa.com

#f20700 hex color

In a RGB color space, hex #f20700 is composed of 94.9% red, 2.7% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 97.1% magenta, 100% yellow and 5.1% black. It has a hue angle of 1.7 degrees, a saturation of 100% and a lightness of 47.5%. #f20700 color hex could be obtained by blending #ff0e00 with #e50000. Closest websafe color is: #ff0000.

- R 95
- G 3
- B 0
RGB color chart
- C 0
- M 97
- Y 100
- K 5
CMYK color chart

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

The hexadecimal color #f20700 has RGB values of R:242, G:7, B:0 and CMYK values of C:0, M:0.97, Y:1, K:0.05. Its decimal value is 15861504.

Hex triplet	f20700	`#f20700`
RGB Decimal	242, 7, 0	`rgb(242,7,0)`
RGB Percent	94.9, 2.7, 0	`rgb(94.9%,2.7%,0%)`
CMYK	0, 97, 100, 5
HSL	1.7°, 100, 47.5	`hsl(1.7,100%,47.5%)`
HSV (or HSB)	1.7°, 100, 94.9
Web Safe	ff0000	`#ff0000`

CIE-LAB	50.727, 76.463, 64.652
XYZ	36.696, 19.034, 1.742
xyY	0.639, 0.331, 19.034
CIE-LCH	50.727, 100.132, 40.216
CIE-LUV	50.727, 165.158, 36.168
Hunter-Lab	43.628, 73.789, 28.173
Binary	11110010, 00000111, 00000000

#f20700
```
#f20700 rgb(242,7,0)
```
#00ebf2
```
#00ebf2 rgb(0,235,242)
```

Complementary Color

#f20072
```
#f20072 rgb(242,0,114)
```
#f20700
```
#f20700 rgb(242,7,0)
```
#f28000
```
#f28000 rgb(242,128,0)
```

Analogous Color

#0072f2
```
#0072f2 rgb(0,114,242)
```
#f20700
```
#f20700 rgb(242,7,0)
```
#00f280
```
#00f280 rgb(0,242,128)
```

Split Complementary Color

#a60500
```
#a60500 rgb(166,5,0)
```
#bf0600
```
#bf0600 rgb(191,6,0)
```
#d90600
```
#d90600 rgb(217,6,0)
```
#f20700
```
#f20700 rgb(242,7,0)
```
#ff140d
```
#ff140d rgb(255,20,13)
```
#ff2c26
```
#ff2c26 rgb(255,44,38)
```
#ff4540
```
#ff4540 rgb(255,69,64)
```

Monochromatic Color

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

#f20036
```
#f20036 rgb(242,0,54)
```
#f20021
```
#f20021 rgb(242,0,33)
```
#f2000d
```
#f2000d rgb(242,0,13)
```
#f20700
```
#f20700 rgb(242,7,0)
```
#f21b00
```
#f21b00 rgb(242,27,0)
```
#f22f00
```
#f22f00 rgb(242,47,0)
```
#f24300
```
#f24300 rgb(242,67,0)
```

Similar Colors

Text with hexadecimal color #f20700

This text has a font color of #f20700.

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

#f20700 background color

This paragraph has a background color of #f20700.

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

#f20700 border color

This element has a border color of #f20700.

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

CSS codes

.text {color:#f20700;}

.background {background-color:#f20700;}

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

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

#070000
```
#070000 rgb(7,0,0)
```
#1a0100
```
#1a0100 rgb(26,1,0)
```
#2e0100
```
#2e0100 rgb(46,1,0)
```
#410200
```
#410200 rgb(65,2,0)
```
#550200
```
#550200 rgb(85,2,0)
```
#690300
```
#690300 rgb(105,3,0)
```
#7c0400
```
#7c0400 rgb(124,4,0)
```
#900400
```
#900400 rgb(144,4,0)
```
#a40500
```
#a40500 rgb(164,5,0)
```
#b70500
```
#b70500 rgb(183,5,0)
```
#cb0600
```
#cb0600 rgb(203,6,0)
```
#de0600
```
#de0600 rgb(222,6,0)
```
#f20700
```
#f20700 rgb(242,7,0)
```

Shade Color Variation

#ff0e07
```
#ff0e07 rgb(255,14,7)
```
#ff211a
```
#ff211a rgb(255,33,26)
```
#ff342e
```
#ff342e rgb(255,52,46)
```
#ff4741
```
#ff4741 rgb(255,71,65)
```
#ff5a55
```
#ff5a55 rgb(255,90,85)
```
#ff6d69
```
#ff6d69 rgb(255,109,105)
```
#ff807c
```
#ff807c rgb(255,128,124)
```
#ff9390
```
#ff9390 rgb(255,147,144)
```
#ffa6a4
```
#ffa6a4 rgb(255,166,164)
```
#ffb9b7
```
#ffb9b7 rgb(255,185,183)
```
#ffcccb
```
#ffcccb rgb(255,204,203)
```
#ffdfde
```
#ffdfde rgb(255,223,222)
```
#fff2f2
```
#fff2f2 rgb(255,242,242)
```

Tint Color Variation

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

#827070
```
#827070 rgb(130,112,112)
```
#8c6766
```
#8c6766 rgb(140,103,102)
```
#955f5d
```
#955f5d rgb(149,95,93)
```
#9e5654
```
#9e5654 rgb(158,86,84)
```
#a84d4a
```
#a84d4a rgb(168,77,74)
```
#b14441
```
#b14441 rgb(177,68,65)
```
#ba3c38
```
#ba3c38 rgb(186,60,56)
```
#c3332f
```
#c3332f rgb(195,51,47)
```
#cd2a25
```
#cd2a25 rgb(205,42,37)
```
#d6211c
```
#d6211c rgb(214,33,28)
```
#df1913
```
#df1913 rgb(223,25,19)
```
#e91009
```
#e91009 rgb(233,16,9)
```
#f20700
```
#f20700 rgb(242,7,0)
```

Tone Color Variation

Below, you can see how #f20700 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
#6d3e3d Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e8021 Protanopia 1% of men
#9f7900 Deuteranopia 1% of men
#f11a00 Tritanopia 0.001% of the population

Trichromacy

#b25415 Protanomaly 1% of men, 0.01% of women
#bd5000 Deuteranomaly 6% of men, 0.4% of women
#f11300 Tritanomaly 0.01% of the population