#ff312d hex color

In a RGB color space, hex #ff312d is composed of 100% red, 19.2% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.8% magenta, 82.4% yellow and 0% black. It has a hue angle of 1.1 degrees, a saturation of 100% and a lightness of 58.8%. #ff312d color hex could be obtained by blending #ff625a with #ff0000. Closest websafe color is: #ff3333.

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

● #ff312d color description : Vivid red.

The hexadecimal color #ff312d has RGB values of R:255, G:49, B:45 and CMYK values of C:0, M:0.81, Y:0.82, K:0. Its decimal value is 16724269.

Hex triplet	ff312d	`#ff312d`
RGB Decimal	255, 49, 45	`rgb(255,49,45)`
RGB Percent	100, 19.2, 17.6	`rgb(100%,19.2%,17.6%)`
CMYK	0, 81, 82, 0
HSL	1.1°, 100, 58.8	`hsl(1.1,100%,58.8%)`
HSV (or HSB)	1.1°, 82.4, 100
Web Safe	ff3333	`#ff3333`

CIE-LAB	55.737, 74.071, 53.065
XYZ	42.814, 23.652, 4.793
xyY	0.601, 0.332, 23.652
CIE-LCH	55.737, 91.118, 35.618
CIE-LUV	55.737, 157.861, 35.044
Hunter-Lab	48.633, 72.036, 28.199
Binary	11111111, 00110001, 00101101

#ff312d
```
#ff312d rgb(255,49,45)
```
#2dfbff
```
#2dfbff rgb(45,251,255)
```

Complementary Color

#ff2d92
```
#ff2d92 rgb(255,45,146)
```
#ff312d
```
#ff312d rgb(255,49,45)
```
#ff9a2d
```
#ff9a2d rgb(255,154,45)
```

Analogous Color

#2d92ff
```
#2d92ff rgb(45,146,255)
```
#ff312d
```
#ff312d rgb(255,49,45)
```
#2dff9a
```
#2dff9a rgb(45,255,154)
```

Split Complementary Color

#312dff
```
#312dff rgb(49,45,255)
```
#ff312d
```
#ff312d rgb(255,49,45)
```
#2dff31
```
#2dff31 rgb(45,255,49)
```

Triadic Color

#ff2dfb
```
#ff2dfb rgb(255,45,251)
```
#ff312d
```
#ff312d rgb(255,49,45)
```
#2dff31
```
#2dff31 rgb(45,255,49)
```
#2dfbff
```
#2dfbff rgb(45,251,255)
```

Tetradic Color

#e00400
```
#e00400 rgb(224,4,0)
```
#f90500
```
#f90500 rgb(249,5,0)
```
#ff1814
```
#ff1814 rgb(255,24,20)
```
#ff312d
```
#ff312d rgb(255,49,45)
```
#ff4a47
```
#ff4a47 rgb(255,74,71)
```
#ff6360
```
#ff6360 rgb(255,99,96)
```
#ff7c7a
```
#ff7c7a rgb(255,124,122)
```

Monochromatic Color

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

#ff2d5e
```
#ff2d5e rgb(255,45,94)
```
#ff2d4c
```
#ff2d4c rgb(255,45,76)
```
#ff2d3b
```
#ff2d3b rgb(255,45,59)
```
#ff312d
```
#ff312d rgb(255,49,45)
```
#ff432d
```
#ff432d rgb(255,67,45)
```
#ff542d
```
#ff542d rgb(255,84,45)
```
#ff662d
```
#ff662d rgb(255,102,45)
```

Similar Colors

Text with hexadecimal color #ff312d

This text has a font color of #ff312d.

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

#ff312d background color

This paragraph has a background color of #ff312d.

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

#ff312d border color

This element has a border color of #ff312d.

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

CSS codes

.text {color:#ff312d;}

.background {background-color:#ff312d;}

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

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

#060000
```
#060000 rgb(6,0,0)
```
#190000
```
#190000 rgb(25,0,0)
```
#2d0100
```
#2d0100 rgb(45,1,0)
```
#410100
```
#410100 rgb(65,1,0)
```
#540200
```
#540200 rgb(84,2,0)
```
#680200
```
#680200 rgb(104,2,0)
```
#7b0200
```
#7b0200 rgb(123,2,0)
```
#8f0300
```
#8f0300 rgb(143,3,0)
```
#a30300
```
#a30300 rgb(163,3,0)
```
#b60300
```
#b60300 rgb(182,3,0)
```
#ca0400
```
#ca0400 rgb(202,4,0)
```
#de0400
```
#de0400 rgb(222,4,0)
```
#f10500
```
#f10500 rgb(241,5,0)
```

Shade Color Variation

#ff0b06
```
#ff0b06 rgb(255,11,6)
```
#ff1e19
```
#ff1e19 rgb(255,30,25)
```
#ff312d
```
#ff312d rgb(255,49,45)
```
#ff4441
```
#ff4441 rgb(255,68,65)
```
#ff5754
```
#ff5754 rgb(255,87,84)
```
#ff6b68
```
#ff6b68 rgb(255,107,104)
```
#ff7e7b
```
#ff7e7b rgb(255,126,123)
```
#ff918f
```
#ff918f rgb(255,145,143)
```
#ffa4a3
```
#ffa4a3 rgb(255,164,163)
```
#ffb8b6
```
#ffb8b6 rgb(255,184,182)
```
#ffcbca
```
#ffcbca rgb(255,203,202)
```
#ffdede
```
#ffdede rgb(255,222,222)
```
#fff1f1
```
#fff1f1 rgb(255,241,241)
```

Tint Color Variation

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

#9e8e8e
```
#9e8e8e rgb(158,142,142)
```
#a68686
```
#a68686 rgb(166,134,134)
```
#ae7f7e
```
#ae7f7e rgb(174,127,126)
```
#b67776
```
#b67776 rgb(182,119,118)
```
#be6f6e
```
#be6f6e rgb(190,111,110)
```
#c66766
```
#c66766 rgb(198,103,102)
```
#cf605d
```
#cf605d rgb(207,96,93)
```
#d75855
```
#d75855 rgb(215,88,85)
```
#df504d
```
#df504d rgb(223,80,77)
```
#e74845
```
#e74845 rgb(231,72,69)
```
#ef413d
```
#ef413d rgb(239,65,61)
```
#f73935
```
#f73935 rgb(247,57,53)
```
#ff312d
```
#ff312d rgb(255,49,45)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#8b6261 Atypical Achromatopsia 0.001% of the population

Dichromacy

#998b4b Protanopia 1% of men
#ae8522 Deuteranopia 1% of men
#ff3b3b Tritanopia 0.001% of the population

Trichromacy

#be6a40 Protanomaly 1% of men, 0.01% of women
#cb6626 Deuteranomaly 6% of men, 0.4% of women
#ff3736 Tritanomaly 0.01% of the population

#ff312d hex color

#ff312d Color Information

#ff312d Color Conversion

Color Schemes with #ff312d

Alternatives to #ff312d

#ff312d Preview

Shades and Tints of #ff312d

Tones of #ff312d

Color Blindness Simulator