#f01e02 hex color

In a RGB color space, hex #f01e02 is composed of 94.1% red, 11.8% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.5% magenta, 99.2% yellow and 5.9% black. It has a hue angle of 7.1 degrees, a saturation of 98.3% and a lightness of 47.5%. #f01e02 color hex could be obtained by blending #ff3c04 with #e10000. Closest websafe color is: #ff3300.

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

● #f01e02 color description : Vivid red.

The hexadecimal color #f01e02 has RGB values of R:240, G:30, B:2 and CMYK values of C:0, M:0.88, Y:0.99, K:0.06. Its decimal value is 15736322.

Hex triplet	f01e02	`#f01e02`
RGB Decimal	240, 30, 2	`rgb(240,30,2)`
RGB Percent	94.1, 11.8, 0.8	`rgb(94.1%,11.8%,0.8%)`
CMYK	0, 88, 99, 6
HSL	7.1°, 98.3, 47.5	`hsl(7.1,98.3%,47.5%)`
HSV (or HSB)	7.1°, 99.2, 94.1
Web Safe	ff3300	`#ff3300`

CIE-LAB	51.225, 73.379, 64.056
XYZ	36.412, 19.463, 1.897
xyY	0.63, 0.337, 19.463
CIE-LCH	51.225, 97.405, 41.119
CIE-LUV	51.225, 158.605, 37.318
Hunter-Lab	44.117, 70.123, 28.332
Binary	11110000, 00011110, 00000010

#f01e02
```
#f01e02 rgb(240,30,2)
```
#02d4f0
```
#02d4f0 rgb(2,212,240)
```

Complementary Color

#f0025d
```
#f0025d rgb(240,2,93)
```
#f01e02
```
#f01e02 rgb(240,30,2)
```
#f09502
```
#f09502 rgb(240,149,2)
```

Analogous Color

#025df0
```
#025df0 rgb(2,93,240)
```
#f01e02
```
#f01e02 rgb(240,30,2)
```
#02f095
```
#02f095 rgb(2,240,149)
```

Split Complementary Color

#1e02f0
```
#1e02f0 rgb(30,2,240)
```
#f01e02
```
#f01e02 rgb(240,30,2)
```
#02f01e
```
#02f01e rgb(2,240,30)
```

Triadic Color

#f002d4
```
#f002d4 rgb(240,2,212)
```
#f01e02
```
#f01e02 rgb(240,30,2)
```
#02f01e
```
#02f01e rgb(2,240,30)
```
#02d4f0
```
#02d4f0 rgb(2,212,240)
```

Tetradic Color

#a41501
```
#a41501 rgb(164,21,1)
```
#bd1802
```
#bd1802 rgb(189,24,2)
```
#d71b02
```
#d71b02 rgb(215,27,2)
```
#f01e02
```
#f01e02 rgb(240,30,2)
```
#fd2b0f
```
#fd2b0f rgb(253,43,15)
```
#fd4128
```
#fd4128 rgb(253,65,40)
```
#fd5741
```
#fd5741 rgb(253,87,65)
```

Monochromatic Color

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

#f00222
```
#f00222 rgb(240,2,34)
```
#f0020e
```
#f0020e rgb(240,2,14)
```
#f00a02
```
#f00a02 rgb(240,10,2)
```
#f01e02
```
#f01e02 rgb(240,30,2)
```
#f03202
```
#f03202 rgb(240,50,2)
```
#f04602
```
#f04602 rgb(240,70,2)
```
#f05a02
```
#f05a02 rgb(240,90,2)
```

Similar Colors

Text with hexadecimal color #f01e02

This text has a font color of #f01e02.

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

#f01e02 background color

This paragraph has a background color of #f01e02.

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

#f01e02 border color

This element has a border color of #f01e02.

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

CSS codes

.text {color:#f01e02;}

.background {background-color:#f01e02;}

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

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

#070100
```
#070100 rgb(7,1,0)
```
#1a0300
```
#1a0300 rgb(26,3,0)
```
#2d0600
```
#2d0600 rgb(45,6,0)
```
#410801
```
#410801 rgb(65,8,1)
```
#540b01
```
#540b01 rgb(84,11,1)
```
#680d01
```
#680d01 rgb(104,13,1)
```
#7b0f01
```
#7b0f01 rgb(123,15,1)
```
#8f1201
```
#8f1201 rgb(143,18,1)
```
#a21401
```
#a21401 rgb(162,20,1)
```
#b61702
```
#b61702 rgb(182,23,2)
```
#c91902
```
#c91902 rgb(201,25,2)
```
#dd1c02
```
#dd1c02 rgb(221,28,2)
```
#f01e02
```
#f01e02 rgb(240,30,2)
```

Shade Color Variation

#fd2509
```
#fd2509 rgb(253,37,9)
```
#fd371c
```
#fd371c rgb(253,55,28)
```
#fd4830
```
#fd4830 rgb(253,72,48)
```
#fd5943
```
#fd5943 rgb(253,89,67)
```
#fe6a56
```
#fe6a56 rgb(254,106,86)
```
#fe7b6a
```
#fe7b6a rgb(254,123,106)
```
#fe8d7d
```
#fe8d7d rgb(254,141,125)
```
#fe9e91
```
#fe9e91 rgb(254,158,145)
```
#feafa4
```
#feafa4 rgb(254,175,164)
```
#fec0b8
```
#fec0b8 rgb(254,192,184)
```
#ffd1cb
```
#ffd1cb rgb(255,209,203)
```
#ffe2df
```
#ffe2df rgb(255,226,223)
```
#fff4f2
```
#fff4f2 rgb(255,244,242)
```

Tint Color Variation

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

#807372
```
#807372 rgb(128,115,114)
```
#8a6c68
```
#8a6c68 rgb(138,108,104)
```
#93655f
```
#93655f rgb(147,101,95)
```
#9c5e56
```
#9c5e56 rgb(156,94,86)
```
#a6574c
```
#a6574c rgb(166,87,76)
```
#af5043
```
#af5043 rgb(175,80,67)
```
#b8493a
```
#b8493a rgb(184,73,58)
```
#c14231
```
#c14231 rgb(193,66,49)
```
#cb3a27
```
#cb3a27 rgb(203,58,39)
```
#d4331e
```
#d4331e rgb(212,51,30)
```
#dd2c15
```
#dd2c15 rgb(221,44,21)
```
#e7250b
```
#e7250b rgb(231,37,11)
```
#f01e02
```
#f01e02 rgb(240,30,2)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#784e48 Atypical Achromatopsia 0.001% of the population

Dichromacy

#908122 Protanopia 1% of men
#a07a00 Deuteranopia 1% of men
#f02724 Tritanopia 0.001% of the population

Trichromacy

#b35d16 Protanomaly 1% of men, 0.01% of women
#bd5900 Deuteranomaly 6% of men, 0.4% of women
#f02417 Tritanomaly 0.01% of the population

#f01e02 hex color

#f01e02 Color Information

#f01e02 Color Conversion

Color Schemes with #f01e02

Alternatives to #f01e02

#f01e02 Preview

Shades and Tints of #f01e02

Tones of #f01e02

Color Blindness Simulator