#ff100f hex color

In a RGB color space, hex #ff100f is composed of 100% red, 6.3% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 93.7% magenta, 94.1% yellow and 0% black. It has a hue angle of 0.2 degrees, a saturation of 100% and a lightness of 52.9%. #ff100f color hex could be obtained by blending #ff201e with #ff0000. Closest websafe color is: #ff0000.

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

● #ff100f color description : Vivid red.

The hexadecimal color #ff100f has RGB values of R:255, G:16, B:15 and CMYK values of C:0, M:0.94, Y:0.94, K:0. Its decimal value is 16715791.

Hex triplet	ff100f	`#ff100f`
RGB Decimal	255, 16, 15	`rgb(255,16,15)`
RGB Percent	100, 6.3, 5.9	`rgb(100%,6.3%,5.9%)`
CMYK	0, 94, 94, 0
HSL	0.2°, 100, 52.9	`hsl(0.2,100%,52.9%)`
HSV (or HSB)	0.2°, 94.1, 100
Web Safe	ff0000	`#ff0000`

CIE-LAB	53.676, 79.036, 63.675
XYZ	41.514, 21.671, 2.449
xyY	0.633, 0.33, 21.671
CIE-LCH	53.676, 101.495, 38.856
CIE-LUV	53.676, 171.832, 37.164
Hunter-Lab	46.552, 77.717, 29.467
Binary	11111111, 00010000, 00001111

#ff100f
```
#ff100f rgb(255,16,15)
```
#0ffeff
```
#0ffeff rgb(15,254,255)
```

Complementary Color

#ff0f86
```
#ff0f86 rgb(255,15,134)
```
#ff100f
```
#ff100f rgb(255,16,15)
```
#ff880f
```
#ff880f rgb(255,136,15)
```

Analogous Color

#0f86ff
```
#0f86ff rgb(15,134,255)
```
#ff100f
```
#ff100f rgb(255,16,15)
```
#0fff88
```
#0fff88 rgb(15,255,136)
```

Split Complementary Color

#100fff
```
#100fff rgb(16,15,255)
```
#ff100f
```
#ff100f rgb(255,16,15)
```
#0fff10
```
#0fff10 rgb(15,255,16)
```

Triadic Color

#ff0ffe
```
#ff0ffe rgb(255,15,254)
```
#ff100f
```
#ff100f rgb(255,16,15)
```
#0fff10
```
#0fff10 rgb(15,255,16)
```
#0ffeff
```
#0ffeff rgb(15,254,255)
```

Tetradic Color

#c20100
```
#c20100 rgb(194,1,0)
```
#db0100
```
#db0100 rgb(219,1,0)
```
#f50100
```
#f50100 rgb(245,1,0)
```
#ff100f
```
#ff100f rgb(255,16,15)
```
#ff2929
```
#ff2929 rgb(255,41,41)
```
#ff4342
```
#ff4342 rgb(255,67,66)
```
#ff5c5c
```
#ff5c5c rgb(255,92,92)
```

Monochromatic Color

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

#ff0f4a
```
#ff0f4a rgb(255,15,74)
```
#ff0f36
```
#ff0f36 rgb(255,15,54)
```
#ff0f22
```
#ff0f22 rgb(255,15,34)
```
#ff100f
```
#ff100f rgb(255,16,15)
```
#ff240f
```
#ff240f rgb(255,36,15)
```
#ff380f
```
#ff380f rgb(255,56,15)
```
#ff4c0f
```
#ff4c0f rgb(255,76,15)
```

Similar Colors

Text with hexadecimal color #ff100f

This text has a font color of #ff100f.

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

#ff100f background color

This paragraph has a background color of #ff100f.

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

#ff100f border color

This element has a border color of #ff100f.

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

CSS codes

.text {color:#ff100f;}

.background {background-color:#ff100f;}

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

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, #0f0000 is the darkest color, while #fffafa is the lightest one.

#0f0000
```
#0f0000 rgb(15,0,0)
```
#230000
```
#230000 rgb(35,0,0)
```
#360000
```
#360000 rgb(54,0,0)
```
#4a0000
```
#4a0000 rgb(74,0,0)
```
#5d0000
```
#5d0000 rgb(93,0,0)
```
#710000
```
#710000 rgb(113,0,0)
```
#850100
```
#850100 rgb(133,1,0)
```
#980100
```
#980100 rgb(152,1,0)
```
#ac0100
```
#ac0100 rgb(172,1,0)
```
#c00100
```
#c00100 rgb(192,1,0)
```
#d30100
```
#d30100 rgb(211,1,0)
```
#e70100
```
#e70100 rgb(231,1,0)
```
#fa0100
```
#fa0100 rgb(250,1,0)
```

Shade Color Variation

#ff100f
```
#ff100f rgb(255,16,15)
```
#ff2423
```
#ff2423 rgb(255,36,35)
```
#ff3736
```
#ff3736 rgb(255,55,54)
```
#ff4b4a
```
#ff4b4a rgb(255,75,74)
```
#ff5e5d
```
#ff5e5d rgb(255,94,93)
```
#ff7271
```
#ff7271 rgb(255,114,113)
```
#ff8585
```
#ff8585 rgb(255,133,133)
```
#ff9998
```
#ff9998 rgb(255,153,152)
```
#ffacac
```
#ffacac rgb(255,172,172)
```
#ffc0c0
```
#ffc0c0 rgb(255,192,192)
```
#ffd3d3
```
#ffd3d3 rgb(255,211,211)
```
#ffe7e7
```
#ffe7e7 rgb(255,231,231)
```
#fffafa
```
#fffafa rgb(255,250,250)
```

Tint Color Variation

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

#907e7e
```
#907e7e rgb(144,126,126)
```
#997575
```
#997575 rgb(153,117,117)
```
#a36c6b
```
#a36c6b rgb(163,108,107)
```
#ac6262
```
#ac6262 rgb(172,98,98)
```
#b55959
```
#b55959 rgb(181,89,89)
```
#be5050
```
#be5050 rgb(190,80,80)
```
#c84746
```
#c84746 rgb(200,71,70)
```
#d13e3d
```
#d13e3d rgb(209,62,61)
```
#da3534
```
#da3534 rgb(218,53,52)
```
#e32b2b
```
#e32b2b rgb(227,43,43)
```
#ed2221
```
#ed2221 rgb(237,34,33)
```
#f61918
```
#f61918 rgb(246,25,24)
```
#ff100f
```
#ff100f rgb(255,16,15)
```

Tone Color Variation

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

Dichromacy

#96872f Protanopia 1% of men
#a88000 Deuteranopia 1% of men
#fe1d10 Tritanopia 0.001% of the population

Trichromacy

#bc5b23 Protanomaly 1% of men, 0.01% of women
#c75705 Deuteranomaly 6% of men, 0.4% of women
#fe1810 Tritanomaly 0.01% of the population

#ff100f hex color

#ff100f Color Information

#ff100f Color Conversion

Color Schemes with #ff100f

Alternatives to #ff100f

#ff100f Preview

Shades and Tints of #ff100f

Tones of #ff100f

Color Blindness Simulator