#ff310e hex color

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

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

● #ff310e color description : Vivid red.

The hexadecimal color #ff310e has RGB values of R:255, G:49, B:14 and CMYK values of C:0, M:0.81, Y:0.95, K:0. Its decimal value is 16724238.

Hex triplet	ff310e	`#ff310e`
RGB Decimal	255, 49, 14	`rgb(255,49,14)`
RGB Percent	100, 19.2, 5.5	`rgb(100%,19.2%,5.5%)`
CMYK	0, 81, 95, 0
HSL	8.7°, 100, 52.7	`hsl(8.7,100%,52.7%)`
HSV (or HSB)	8.7°, 94.5, 100
Web Safe	ff3300	`#ff3300`

CIE-LAB	55.577, 73.58, 64.967
XYZ	42.42, 23.494, 2.717
xyY	0.618, 0.342, 23.494
CIE-LCH	55.577, 98.157, 41.443
CIE-LUV	55.577, 161.282, 40.727
Hunter-Lab	48.47, 71.395, 30.606
Binary	11111111, 00110001, 00001110

#ff310e
```
#ff310e rgb(255,49,14)
```
#0edcff
```
#0edcff rgb(14,220,255)
```

Complementary Color

#ff0e64
```
#ff0e64 rgb(255,14,100)
```
#ff310e
```
#ff310e rgb(255,49,14)
```
#ffaa0e
```
#ffaa0e rgb(255,170,14)
```

Analogous Color

#0e64ff
```
#0e64ff rgb(14,100,255)
```
#ff310e
```
#ff310e rgb(255,49,14)
```
#0effaa
```
#0effaa rgb(14,255,170)
```

Split Complementary Color

#310eff
```
#310eff rgb(49,14,255)
```
#ff310e
```
#ff310e rgb(255,49,14)
```
#0eff31
```
#0eff31 rgb(14,255,49)
```

Triadic Color

#ff0edc
```
#ff0edc rgb(255,14,220)
```
#ff310e
```
#ff310e rgb(255,49,14)
```
#0eff31
```
#0eff31 rgb(14,255,49)
```
#0edcff
```
#0edcff rgb(14,220,255)
```

Tetradic Color

#c11c00
```
#c11c00 rgb(193,28,0)
```
#da2000
```
#da2000 rgb(218,32,0)
```
#f42300
```
#f42300 rgb(244,35,0)
```
#ff310e
```
#ff310e rgb(255,49,14)
```
#ff4728
```
#ff4728 rgb(255,71,40)
```
#ff5d41
```
#ff5d41 rgb(255,93,65)
```
#ff725b
```
#ff725b rgb(255,114,91)
```

Monochromatic Color

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

#ff0e27
```
#ff0e27 rgb(255,14,39)
```
#ff0e13
```
#ff0e13 rgb(255,14,19)
```
#ff1d0e
```
#ff1d0e rgb(255,29,14)
```
#ff310e
```
#ff310e rgb(255,49,14)
```
#ff450e
```
#ff450e rgb(255,69,14)
```
#ff590e
```
#ff590e rgb(255,89,14)
```
#ff6d0e
```
#ff6d0e rgb(255,109,14)
```

Similar Colors

Text with hexadecimal color #ff310e

This text has a font color of #ff310e.

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

#ff310e background color

This paragraph has a background color of #ff310e.

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

#ff310e border color

This element has a border color of #ff310e.

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

CSS codes

.text {color:#ff310e;}

.background {background-color:#ff310e;}

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

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

#0e0200
```
#0e0200 rgb(14,2,0)
```
#220500
```
#220500 rgb(34,5,0)
```
#350800
```
#350800 rgb(53,8,0)
```
#490b00
```
#490b00 rgb(73,11,0)
```
#5c0d00
```
#5c0d00 rgb(92,13,0)
```
#701000
```
#701000 rgb(112,16,0)
```
#841300
```
#841300 rgb(132,19,0)
```
#971600
```
#971600 rgb(151,22,0)
```
#ab1900
```
#ab1900 rgb(171,25,0)
```
#bf1c00
```
#bf1c00 rgb(191,28,0)
```
#d21f00
```
#d21f00 rgb(210,31,0)
```
#e62100
```
#e62100 rgb(230,33,0)
```
#f92400
```
#f92400 rgb(249,36,0)
```

Shade Color Variation

#ff310e
```
#ff310e rgb(255,49,14)
```
#ff4222
```
#ff4222 rgb(255,66,34)
```
#ff5335
```
#ff5335 rgb(255,83,53)
```
#ff6349
```
#ff6349 rgb(255,99,73)
```
#ff745c
```
#ff745c rgb(255,116,92)
```
#ff8570
```
#ff8570 rgb(255,133,112)
```
#ff9684
```
#ff9684 rgb(255,150,132)
```
#ffa697
```
#ffa697 rgb(255,166,151)
```
#ffb7ab
```
#ffb7ab rgb(255,183,171)
```
#ffc8bf
```
#ffc8bf rgb(255,200,191)
```
#ffd9d2
```
#ffd9d2 rgb(255,217,210)
```
#ffe9e6
```
#ffe9e6 rgb(255,233,230)
```
#fffaf9
```
#fffaf9 rgb(255,250,249)
```

Tint Color Variation

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

#90807d
```
#90807d rgb(144,128,125)
```
#997974
```
#997974 rgb(153,121,116)
```
#a2736b
```
#a2736b rgb(162,115,107)
```
#ac6c61
```
#ac6c61 rgb(172,108,97)
```
#b56658
```
#b56658 rgb(181,102,88)
```
#be5f4f
```
#be5f4f rgb(190,95,79)
```
#c75846
```
#c75846 rgb(199,88,70)
```
#d1523c
```
#d1523c rgb(209,82,60)
```
#da4b33
```
#da4b33 rgb(218,75,51)
```
#e3452a
```
#e3452a rgb(227,69,42)
```
#ec3e21
```
#ec3e21 rgb(236,62,33)
```
#f63817
```
#f63817 rgb(246,56,23)
```
#ff310e
```
#ff310e rgb(255,49,14)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#895f58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b8b2c Protanopia 1% of men
#ae8400 Deuteranopia 1% of men
#ff3939 Tritanopia 0.001% of the population

Trichromacy

#bf6a21 Protanomaly 1% of men, 0.01% of women
#cb6605 Deuteranomaly 6% of men, 0.4% of women
#ff3629 Tritanomaly 0.01% of the population

#ff310e hex color

#ff310e Color Information

#ff310e Color Conversion

Color Schemes with #ff310e

Alternatives to #ff310e

#ff310e Preview

Shades and Tints of #ff310e

Tones of #ff310e

Color Blindness Simulator