#ff1f0e hex color

In a RGB color space, hex #ff1f0e is composed of 100% red, 12.2% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.8% magenta, 94.5% yellow and 0% black. It has a hue angle of 4.2 degrees, a saturation of 100% and a lightness of 52.7%. #ff1f0e color hex could be obtained by blending #ff3e1c with #ff0000. Closest websafe color is: #ff3300.

♥
- f
- t
- g
- R 100
- G 12
- B 5
RGB color chart
- C 0
- M 88
- Y 95
- K 0
CMYK color chart

● #ff1f0e color description : Vivid red.

The hexadecimal color #ff1f0e has RGB values of R:255, G:31, B:14 and CMYK values of C:0, M:0.88, Y:0.95, K:0. Its decimal value is 16719630.

Hex triplet	ff1f0e	`#ff1f0e`
RGB Decimal	255, 31, 14	`rgb(255,31,14)`
RGB Percent	100, 12.2, 5.5	`rgb(100%,12.2%,5.5%)`
CMYK	0, 88, 95, 0
HSL	4.2°, 100, 52.7	`hsl(4.2,100%,52.7%)`
HSV (or HSB)	4.2°, 94.5, 100
Web Safe	ff3300	`#ff3300`

CIE-LAB	54.32, 77.165, 64.291
XYZ	41.812, 22.277, 2.514
xyY	0.628, 0.334, 22.277
CIE-LCH	54.32, 100.438, 39.8
CIE-LUV	54.32, 168.244, 38.451
Hunter-Lab	47.199, 75.529, 29.881
Binary	11111111, 00011111, 00001110

#ff1f0e
```
#ff1f0e rgb(255,31,14)
```
#0eeeff
```
#0eeeff rgb(14,238,255)
```

Complementary Color

#ff0e76
```
#ff0e76 rgb(255,14,118)
```
#ff1f0e
```
#ff1f0e rgb(255,31,14)
```
#ff980e
```
#ff980e rgb(255,152,14)
```

Analogous Color

#0e76ff
```
#0e76ff rgb(14,118,255)
```
#ff1f0e
```
#ff1f0e rgb(255,31,14)
```
#0eff98
```
#0eff98 rgb(14,255,152)
```

Split Complementary Color

#1f0eff
```
#1f0eff rgb(31,14,255)
```
#ff1f0e
```
#ff1f0e rgb(255,31,14)
```
#0eff1f
```
#0eff1f rgb(14,255,31)
```

Triadic Color

#ff0eee
```
#ff0eee rgb(255,14,238)
```
#ff1f0e
```
#ff1f0e rgb(255,31,14)
```
#0eff1f
```
#0eff1f rgb(14,255,31)
```
#0eeeff
```
#0eeeff rgb(14,238,255)
```

Tetradic Color

#c10e00
```
#c10e00 rgb(193,14,0)
```
#da0f00
```
#da0f00 rgb(218,15,0)
```
#f41100
```
#f41100 rgb(244,17,0)
```
#ff1f0e
```
#ff1f0e rgb(255,31,14)
```
#ff3728
```
#ff3728 rgb(255,55,40)
```
#ff4e41
```
#ff4e41 rgb(255,78,65)
```
#ff665b
```
#ff665b rgb(255,102,91)
```

Monochromatic Color

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

#ff0e39
```
#ff0e39 rgb(255,14,57)
```
#ff0e25
```
#ff0e25 rgb(255,14,37)
```
#ff0e11
```
#ff0e11 rgb(255,14,17)
```
#ff1f0e
```
#ff1f0e rgb(255,31,14)
```
#ff330e
```
#ff330e rgb(255,51,14)
```
#ff470e
```
#ff470e rgb(255,71,14)
```
#ff5b0e
```
#ff5b0e rgb(255,91,14)
```

Similar Colors

Text with hexadecimal color #ff1f0e

This text has a font color of #ff1f0e.

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

#ff1f0e background color

This paragraph has a background color of #ff1f0e.

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

#ff1f0e border color

This element has a border color of #ff1f0e.

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

CSS codes

.text {color:#ff1f0e;}

.background {background-color:#ff1f0e;}

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

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

#0e0100
```
#0e0100 rgb(14,1,0)
```
#220200
```
#220200 rgb(34,2,0)
```
#350400
```
#350400 rgb(53,4,0)
```
#490500
```
#490500 rgb(73,5,0)
```
#5c0700
```
#5c0700 rgb(92,7,0)
```
#700800
```
#700800 rgb(112,8,0)
```
#840900
```
#840900 rgb(132,9,0)
```
#970b00
```
#970b00 rgb(151,11,0)
```
#ab0c00
```
#ab0c00 rgb(171,12,0)
```
#bf0d00
```
#bf0d00 rgb(191,13,0)
```
#d20f00
```
#d20f00 rgb(210,15,0)
```
#e61000
```
#e61000 rgb(230,16,0)
```
#f91200
```
#f91200 rgb(249,18,0)
```

Shade Color Variation

#ff1f0e
```
#ff1f0e rgb(255,31,14)
```
#ff3122
```
#ff3122 rgb(255,49,34)
```
#ff4335
```
#ff4335 rgb(255,67,53)
```
#ff5649
```
#ff5649 rgb(255,86,73)
```
#ff685c
```
#ff685c rgb(255,104,92)
```
#ff7a70
```
#ff7a70 rgb(255,122,112)
```
#ff8c84
```
#ff8c84 rgb(255,140,132)
```
#ff9f97
```
#ff9f97 rgb(255,159,151)
```
#ffb1ab
```
#ffb1ab rgb(255,177,171)
```
#ffc3bf
```
#ffc3bf rgb(255,195,191)
```
#ffd5d2
```
#ffd5d2 rgb(255,213,210)
```
#ffe8e6
```
#ffe8e6 rgb(255,232,230)
```
#fffaf9
```
#fffaf9 rgb(255,250,249)
```

Tint Color Variation

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

#907f7d
```
#907f7d rgb(144,127,125)
```
#997774
```
#997774 rgb(153,119,116)
```
#a26f6b
```
#a26f6b rgb(162,111,107)
```
#ac6761
```
#ac6761 rgb(172,103,97)
```
#b55f58
```
#b55f58 rgb(181,95,88)
```
#be574f
```
#be574f rgb(190,87,79)
```
#c74f46
```
#c74f46 rgb(199,79,70)
```
#d1473c
```
#d1473c rgb(209,71,60)
```
#da3f33
```
#da3f33 rgb(218,63,51)
```
#e3372a
```
#e3372a rgb(227,55,42)
```
#ec2f21
```
#ec2f21 rgb(236,47,33)
```
#f62717
```
#f62717 rgb(246,39,23)
```
#ff1f0e
```
#ff1f0e rgb(255,31,14)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#805350 Atypical Achromatopsia 0.001% of the population

Dichromacy

#98882e Protanopia 1% of men
#aa8200 Deuteranopia 1% of men
#ff2925 Tritanopia 0.001% of the population

Trichromacy

#bd6222 Protanomaly 1% of men, 0.01% of women
#c95e05 Deuteranomaly 6% of men, 0.4% of women
#ff251d Tritanomaly 0.01% of the population

#ff1f0e hex color

#ff1f0e Color Information

#ff1f0e Color Conversion

Color Schemes with #ff1f0e

Alternatives to #ff1f0e

#ff1f0e Preview

Shades and Tints of #ff1f0e

Tones of #ff1f0e

Color Blindness Simulator