#f0102f hex color

In a RGB color space, hex #f0102f is composed of 94.1% red, 6.3% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 93.3% magenta, 80.4% yellow and 5.9% black. It has a hue angle of 351.7 degrees, a saturation of 88.2% and a lightness of 50.2%. #f0102f color hex could be obtained by blending #ff205e with #e10000. Closest websafe color is: #ff0033.

♥
- f
- t
- g
- R 94
- G 6
- B 18
RGB color chart
- C 0
- M 93
- Y 80
- K 6
CMYK color chart

● #f0102f color description : Vivid red.

The hexadecimal color #f0102f has RGB values of R:240, G:16, B:47 and CMYK values of C:0, M:0.93, Y:0.8, K:0.06. Its decimal value is 15732783.

Hex triplet	f0102f	`#f0102f`
RGB Decimal	240, 16, 47	`rgb(240,16,47)`
RGB Percent	94.1, 6.3, 18.4	`rgb(94.1%,6.3%,18.4%)`
CMYK	0, 93, 80, 6
HSL	351.7°, 88.2, 50.2	`hsl(351.7,88.2%,50.2%)`
HSV (or HSB)	351.7°, 93.3, 94.1
Web Safe	ff0033	`#ff0033`

CIE-LAB	50.811, 75.902, 46.31
XYZ	36.636, 19.106, 4.448
xyY	0.609, 0.317, 19.106
CIE-LCH	50.811, 88.914, 31.389
CIE-LUV	50.811, 156.919, 28.116
Hunter-Lab	43.71, 73.116, 24.564
Binary	11110000, 00010000, 00101111

#f0102f
```
#f0102f rgb(240,16,47)
```
#10f0d1
```
#10f0d1 rgb(16,240,209)
```

Complementary Color

#f0109f
```
#f0109f rgb(240,16,159)
```
#f0102f
```
#f0102f rgb(240,16,47)
```
#f06110
```
#f06110 rgb(240,97,16)
```

Analogous Color

#109ff0
```
#109ff0 rgb(16,159,240)
```
#f0102f
```
#f0102f rgb(240,16,47)
```
#10f061
```
#10f061 rgb(16,240,97)
```

Split Complementary Color

#102ff0
```
#102ff0 rgb(16,47,240)
```
#f0102f
```
#f0102f rgb(240,16,47)
```
#2ff010
```
#2ff010 rgb(47,240,16)
```

Triadic Color

#d110f0
```
#d110f0 rgb(209,16,240)
```
#f0102f
```
#f0102f rgb(240,16,47)
```
#2ff010
```
#2ff010 rgb(47,240,16)
```
#10f0d1
```
#10f0d1 rgb(16,240,209)
```

Tetradic Color

#a90b21
```
#a90b21 rgb(169,11,33)
```
#c10c25
```
#c10c25 rgb(193,12,37)
```
#d90e2a
```
#d90e2a rgb(217,14,42)
```
#f0102f
```
#f0102f rgb(240,16,47)
```
#f22844
```
#f22844 rgb(242,40,68)
```
#f34059
```
#f34059 rgb(243,64,89)
```
#f5586e
```
#f5586e rgb(245,88,110)
```

Monochromatic Color

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

#f01067
```
#f01067 rgb(240,16,103)
```
#f01054
```
#f01054 rgb(240,16,84)
```
#f01042
```
#f01042 rgb(240,16,66)
```
#f0102f
```
#f0102f rgb(240,16,47)
```
#f0101c
```
#f0101c rgb(240,16,28)
```
#f01610
```
#f01610 rgb(240,22,16)
```
#f02910
```
#f02910 rgb(240,41,16)
```

Similar Colors

Text with hexadecimal color #f0102f

This text has a font color of #f0102f.

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

#f0102f background color

This paragraph has a background color of #f0102f.

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

#f0102f border color

This element has a border color of #f0102f.

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

CSS codes

.text {color:#f0102f;}

.background {background-color:#f0102f;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#130104
```
#130104 rgb(19,1,4)
```
#260207
```
#260207 rgb(38,2,7)
```
#38040b
```
#38040b rgb(56,4,11)
```
#4b050e
```
#4b050e rgb(75,5,14)
```
#5d0612
```
#5d0612 rgb(93,6,18)
```
#700715
```
#700715 rgb(112,7,21)
```
#820819
```
#820819 rgb(130,8,25)
```
#95091d
```
#95091d rgb(149,9,29)
```
#a70a20
```
#a70a20 rgb(167,10,32)
```
#ba0c24
```
#ba0c24 rgb(186,12,36)
```
#cc0d27
```
#cc0d27 rgb(204,13,39)
```
#de0e2b
```
#de0e2b rgb(222,14,43)
```

Shade Color Variation

#f0102f
```
#f0102f rgb(240,16,47)
```
#f1223f
```
#f1223f rgb(241,34,63)
```
#f2354f
```
#f2354f rgb(242,53,79)
```
#f3475f
```
#f3475f rgb(243,71,95)
```
#f55a6f
```
#f55a6f rgb(245,90,111)
```
#f66c7f
```
#f66c7f rgb(246,108,127)
```
#f77f8f
```
#f77f8f rgb(247,127,143)
```
#f8919f
```
#f8919f rgb(248,145,159)
```
#f9a4b0
```
#f9a4b0 rgb(249,164,176)
```
#fab6c0
```
#fab6c0 rgb(250,182,192)
```
#fcc9d0
```
#fcc9d0 rgb(252,201,208)
```
#fddbe0
```
#fddbe0 rgb(253,219,224)
```
#feedf0
```
#feedf0 rgb(254,237,240)
```

Tint Color Variation

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

#857b7d
```
#857b7d rgb(133,123,125)
```
#8e7276
```
#8e7276 rgb(142,114,118)
```
#98686f
```
#98686f rgb(152,104,111)
```
#a25e68
```
#a25e68 rgb(162,94,104)
```
#ac5460
```
#ac5460 rgb(172,84,96)
```
#b54b59
```
#b54b59 rgb(181,75,89)
```
#bf4152
```
#bf4152 rgb(191,65,82)
```
#c9374b
```
#c9374b rgb(201,55,75)
```
#d32d44
```
#d32d44 rgb(211,45,68)
```
#dc243d
```
#dc243d rgb(220,36,61)
```
#e61a36
```
#e61a36 rgb(230,26,54)
```
#f0102f
```
#f0102f rgb(240,16,47)
```
#fa0628
```
#fa0628 rgb(250,6,40)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#76494f Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b7f50 Protanopia 1% of men
#9f7927 Deuteranopia 1% of men
#f0231d Tritanopia 0.001% of the population

Trichromacy

#af5744 Protanomaly 1% of men, 0.01% of women
#bc532a Deuteranomaly 6% of men, 0.4% of women
#f01c23 Tritanomaly 0.01% of the population

#f0102f hex color

#f0102f Color Information

#f0102f Color Conversion

Color Schemes with #f0102f

Alternatives to #f0102f

#f0102f Preview

Shades and Tints of #f0102f

Tones of #f0102f

Color Blindness Simulator