#f01d02 hex color

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

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

● #f01d02 color description : Vivid red.

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

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

CIE-LAB	51.167, 73.543, 64.033
XYZ	36.388, 19.413, 1.889
xyY	0.631, 0.337, 19.413
CIE-LCH	51.167, 97.513, 41.046
CIE-LUV	51.167, 158.922, 37.215
Hunter-Lab	44.06, 70.31, 28.301
Binary	11110000, 00011101, 00000010

#f01d02
```
#f01d02 rgb(240,29,2)
```
#02d5f0
```
#02d5f0 rgb(2,213,240)
```

Complementary Color

#f0025e
```
#f0025e rgb(240,2,94)
```
#f01d02
```
#f01d02 rgb(240,29,2)
```
#f09402
```
#f09402 rgb(240,148,2)
```

Analogous Color

#025ef0
```
#025ef0 rgb(2,94,240)
```
#f01d02
```
#f01d02 rgb(240,29,2)
```
#02f094
```
#02f094 rgb(2,240,148)
```

Split Complementary Color

#1d02f0
```
#1d02f0 rgb(29,2,240)
```
#f01d02
```
#f01d02 rgb(240,29,2)
```
#02f01d
```
#02f01d rgb(2,240,29)
```

Triadic Color

#f002d5
```
#f002d5 rgb(240,2,213)
```
#f01d02
```
#f01d02 rgb(240,29,2)
```
#02f01d
```
#02f01d rgb(2,240,29)
```
#02d5f0
```
#02d5f0 rgb(2,213,240)
```

Tetradic Color

#a41401
```
#a41401 rgb(164,20,1)
```
#bd1702
```
#bd1702 rgb(189,23,2)
```
#d71a02
```
#d71a02 rgb(215,26,2)
```
#f01d02
```
#f01d02 rgb(240,29,2)
```
#fd2a0f
```
#fd2a0f rgb(253,42,15)
```
#fd4028
```
#fd4028 rgb(253,64,40)
```
#fd5641
```
#fd5641 rgb(253,86,65)
```

Monochromatic Color

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

#f00223
```
#f00223 rgb(240,2,35)
```
#f0020f
```
#f0020f rgb(240,2,15)
```
#f00902
```
#f00902 rgb(240,9,2)
```
#f01d02
```
#f01d02 rgb(240,29,2)
```
#f03102
```
#f03102 rgb(240,49,2)
```
#f04502
```
#f04502 rgb(240,69,2)
```
#f05902
```
#f05902 rgb(240,89,2)
```

Similar Colors

Text with hexadecimal color #f01d02

This text has a font color of #f01d02.

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

#f01d02 background color

This paragraph has a background color of #f01d02.

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

#f01d02 border color

This element has a border color of #f01d02.

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

CSS codes

.text {color:#f01d02;}

.background {background-color:#f01d02;}

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

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)
```
#2d0500
```
#2d0500 rgb(45,5,0)
```
#410801
```
#410801 rgb(65,8,1)
```
#540a01
```
#540a01 rgb(84,10,1)
```
#680d01
```
#680d01 rgb(104,13,1)
```
#7b0f01
```
#7b0f01 rgb(123,15,1)
```
#8f1101
```
#8f1101 rgb(143,17,1)
```
#a21401
```
#a21401 rgb(162,20,1)
```
#b61602
```
#b61602 rgb(182,22,2)
```
#c91802
```
#c91802 rgb(201,24,2)
```
#dd1b02
```
#dd1b02 rgb(221,27,2)
```
#f01d02
```
#f01d02 rgb(240,29,2)
```

Shade Color Variation

#fd2409
```
#fd2409 rgb(253,36,9)
```
#fd361c
```
#fd361c rgb(253,54,28)
```
#fd4730
```
#fd4730 rgb(253,71,48)
```
#fd5843
```
#fd5843 rgb(253,88,67)
```
#fe6956
```
#fe6956 rgb(254,105,86)
```
#fe7b6a
```
#fe7b6a rgb(254,123,106)
```
#fe8c7d
```
#fe8c7d rgb(254,140,125)
```
#fe9d91
```
#fe9d91 rgb(254,157,145)
```
#feaea4
```
#feaea4 rgb(254,174,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 #f01d02 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)
```
#af4f43
```
#af4f43 rgb(175,79,67)
```
#b8483a
```
#b8483a rgb(184,72,58)
```
#c14131
```
#c14131 rgb(193,65,49)
```
#cb3a27
```
#cb3a27 rgb(203,58,39)
```
#d4331e
```
#d4331e rgb(212,51,30)
```
#dd2b15
```
#dd2b15 rgb(221,43,21)
```
#e7240b
```
#e7240b rgb(231,36,11)
```
#f01d02
```
#f01d02 rgb(240,29,2)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#774d48 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#b25c16 Protanomaly 1% of men, 0.01% of women
#bd5800 Deuteranomaly 6% of men, 0.4% of women
#f02316 Tritanomaly 0.01% of the population

#f01d02 hex color

#f01d02 Color Information

#f01d02 Color Conversion

Color Schemes with #f01d02

Alternatives to #f01d02

#f01d02 Preview

Shades and Tints of #f01d02

Tones of #f01d02

Color Blindness Simulator