#ff310d hex color

In a RGB color space, hex #ff310d is composed of 100% red, 19.2% green and 5.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.8% magenta, 94.9% yellow and 0% black. It has a hue angle of 8.9 degrees, a saturation of 100% and a lightness of 52.5%. #ff310d color hex could be obtained by blending #ff621a 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

● #ff310d color description : Vivid red.

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

Hex triplet	ff310d	`#ff310d`
RGB Decimal	255, 49, 13	`rgb(255,49,13)`
RGB Percent	100, 19.2, 5.1	`rgb(100%,19.2%,5.1%)`
CMYK	0, 81, 95, 0
HSL	8.9°, 100, 52.5	`hsl(8.9,100%,52.5%)`
HSV (or HSB)	8.9°, 94.9, 100
Web Safe	ff3300	`#ff3300`

CIE-LAB	55.575, 73.572, 65.214
XYZ	42.413, 23.491, 2.682
xyY	0.618, 0.343, 23.491
CIE-LCH	55.575, 98.314, 41.554
CIE-LUV	55.575, 161.34, 40.824
Hunter-Lab	48.468, 71.384, 30.647
Binary	11111111, 00110001, 00001101

#ff310d
```
#ff310d rgb(255,49,13)
```
#0ddbff
```
#0ddbff rgb(13,219,255)
```

Complementary Color

#ff0d62
```
#ff0d62 rgb(255,13,98)
```
#ff310d
```
#ff310d rgb(255,49,13)
```
#ffaa0d
```
#ffaa0d rgb(255,170,13)
```

Analogous Color

#0d62ff
```
#0d62ff rgb(13,98,255)
```
#ff310d
```
#ff310d rgb(255,49,13)
```
#0dffaa
```
#0dffaa rgb(13,255,170)
```

Split Complementary Color

#310dff
```
#310dff rgb(49,13,255)
```
#ff310d
```
#ff310d rgb(255,49,13)
```
#0dff31
```
#0dff31 rgb(13,255,49)
```

Triadic Color

#ff0ddb
```
#ff0ddb rgb(255,13,219)
```
#ff310d
```
#ff310d rgb(255,49,13)
```
#0dff31
```
#0dff31 rgb(13,255,49)
```
#0ddbff
```
#0ddbff rgb(13,219,255)
```

Tetradic Color

#c01c00
```
#c01c00 rgb(192,28,0)
```
#d92000
```
#d92000 rgb(217,32,0)
```
#f32400
```
#f32400 rgb(243,36,0)
```
#ff310d
```
#ff310d rgb(255,49,13)
```
#ff4727
```
#ff4727 rgb(255,71,39)
```
#ff5c40
```
#ff5c40 rgb(255,92,64)
```
#ff725a
```
#ff725a rgb(255,114,90)
```

Monochromatic Color

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

#ff0d26
```
#ff0d26 rgb(255,13,38)
```
#ff0d11
```
#ff0d11 rgb(255,13,17)
```
#ff1d0d
```
#ff1d0d rgb(255,29,13)
```
#ff310d
```
#ff310d rgb(255,49,13)
```
#ff450d
```
#ff450d rgb(255,69,13)
```
#ff590d
```
#ff590d rgb(255,89,13)
```
#ff6e0d
```
#ff6e0d rgb(255,110,13)
```

Similar Colors

Text with hexadecimal color #ff310d

This text has a font color of #ff310d.

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

#ff310d background color

This paragraph has a background color of #ff310d.

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

#ff310d border color

This element has a border color of #ff310d.

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

CSS codes

.text {color:#ff310d;}

.background {background-color:#ff310d;}

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

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

#0d0200
```
#0d0200 rgb(13,2,0)
```
#210500
```
#210500 rgb(33,5,0)
```
#340800
```
#340800 rgb(52,8,0)
```
#480b00
```
#480b00 rgb(72,11,0)
```
#5b0e00
```
#5b0e00 rgb(91,14,0)
```
#6f1100
```
#6f1100 rgb(111,17,0)
```
#831300
```
#831300 rgb(131,19,0)
```
#961600
```
#961600 rgb(150,22,0)
```
#aa1900
```
#aa1900 rgb(170,25,0)
```
#be1c00
```
#be1c00 rgb(190,28,0)
```
#d11f00
```
#d11f00 rgb(209,31,0)
```
#e52200
```
#e52200 rgb(229,34,0)
```
#f82500
```
#f82500 rgb(248,37,0)
```

Shade Color Variation

#ff310d
```
#ff310d rgb(255,49,13)
```
#ff4221
```
#ff4221 rgb(255,66,33)
```
#ff5234
```
#ff5234 rgb(255,82,52)
```
#ff6348
```
#ff6348 rgb(255,99,72)
```
#ff745b
```
#ff745b rgb(255,116,91)
```
#ff846f
```
#ff846f rgb(255,132,111)
```
#ff9583
```
#ff9583 rgb(255,149,131)
```
#ffa696
```
#ffa696 rgb(255,166,150)
```
#ffb7aa
```
#ffb7aa rgb(255,183,170)
```
#ffc7be
```
#ffc7be rgb(255,199,190)
```
#ffd8d1
```
#ffd8d1 rgb(255,216,209)
```
#ffe9e5
```
#ffe9e5 rgb(255,233,229)
```
#fff9f8
```
#fff9f8 rgb(255,249,248)
```

Tint Color Variation

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

#8f7f7d
```
#8f7f7d rgb(143,127,125)
```
#997973
```
#997973 rgb(153,121,115)
```
#a2726a
```
#a2726a rgb(162,114,106)
```
#ab6c61
```
#ab6c61 rgb(171,108,97)
```
#b56557
```
#b56557 rgb(181,101,87)
```
#be5f4e
```
#be5f4e rgb(190,95,78)
```
#c75845
```
#c75845 rgb(199,88,69)
```
#d0523c
```
#d0523c rgb(208,82,60)
```
#da4b32
```
#da4b32 rgb(218,75,50)
```
#e34529
```
#e34529 rgb(227,69,41)
```
#ec3e20
```
#ec3e20 rgb(236,62,32)
```
#f63816
```
#f63816 rgb(246,56,22)
```
#ff310d
```
#ff310d rgb(255,49,13)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#885f57 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

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

#ff310d hex color

#ff310d Color Information

#ff310d Color Conversion

Color Schemes with #ff310d

Alternatives to #ff310d

#ff310d Preview

Shades and Tints of #ff310d

Tones of #ff310d

Color Blindness Simulator