#ff312c hex color

In a RGB color space, hex #ff312c is composed of 100% red, 19.2% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.8% magenta, 82.7% yellow and 0% black. It has a hue angle of 1.4 degrees, a saturation of 100% and a lightness of 58.6%. #ff312c color hex could be obtained by blending #ff6258 with #ff0000. Closest websafe color is: #ff3333.

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

● #ff312c color description : Vivid red.

The hexadecimal color #ff312c has RGB values of R:255, G:49, B:44 and CMYK values of C:0, M:0.81, Y:0.83, K:0. Its decimal value is 16724268.

Hex triplet	ff312c	`#ff312c`
RGB Decimal	255, 49, 44	`rgb(255,49,44)`
RGB Percent	100, 19.2, 17.3	`rgb(100%,19.2%,17.3%)`
CMYK	0, 81, 83, 0
HSL	1.4°, 100, 58.6	`hsl(1.4,100%,58.6%)`
HSV (or HSB)	1.4°, 82.7, 100
Web Safe	ff3333	`#ff3333`

CIE-LAB	55.729, 74.048, 53.548
XYZ	42.795, 23.644, 4.693
xyY	0.602, 0.332, 23.644
CIE-LCH	55.729, 91.381, 35.873
CIE-LUV	55.729, 158.023, 35.313
Hunter-Lab	48.625, 72.005, 28.315
Binary	11111111, 00110001, 00101100

#ff312c
```
#ff312c rgb(255,49,44)
```
#2cfaff
```
#2cfaff rgb(44,250,255)
```

Complementary Color

#ff2c91
```
#ff2c91 rgb(255,44,145)
```
#ff312c
```
#ff312c rgb(255,49,44)
```
#ff9b2c
```
#ff9b2c rgb(255,155,44)
```

Analogous Color

#2c91ff
```
#2c91ff rgb(44,145,255)
```
#ff312c
```
#ff312c rgb(255,49,44)
```
#2cff9b
```
#2cff9b rgb(44,255,155)
```

Split Complementary Color

#312cff
```
#312cff rgb(49,44,255)
```
#ff312c
```
#ff312c rgb(255,49,44)
```
#2cff31
```
#2cff31 rgb(44,255,49)
```

Triadic Color

#ff2cfa
```
#ff2cfa rgb(255,44,250)
```
#ff312c
```
#ff312c rgb(255,49,44)
```
#2cff31
```
#2cff31 rgb(44,255,49)
```
#2cfaff
```
#2cfaff rgb(44,250,255)
```

Tetradic Color

#df0500
```
#df0500 rgb(223,5,0)
```
#f80600
```
#f80600 rgb(248,6,0)
```
#ff1813
```
#ff1813 rgb(255,24,19)
```
#ff312c
```
#ff312c rgb(255,49,44)
```
#ff4a46
```
#ff4a46 rgb(255,74,70)
```
#ff635f
```
#ff635f rgb(255,99,95)
```
#ff7c79
```
#ff7c79 rgb(255,124,121)
```

Monochromatic Color

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

#ff2c5c
```
#ff2c5c rgb(255,44,92)
```
#ff2c4a
```
#ff2c4a rgb(255,44,74)
```
#ff2c39
```
#ff2c39 rgb(255,44,57)
```
#ff312c
```
#ff312c rgb(255,49,44)
```
#ff432c
```
#ff432c rgb(255,67,44)
```
#ff542c
```
#ff542c rgb(255,84,44)
```
#ff662c
```
#ff662c rgb(255,102,44)
```

Similar Colors

Text with hexadecimal color #ff312c

This text has a font color of #ff312c.

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

#ff312c background color

This paragraph has a background color of #ff312c.

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

#ff312c border color

This element has a border color of #ff312c.

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

CSS codes

.text {color:#ff312c;}

.background {background-color:#ff312c;}

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

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

#050000
```
#050000 rgb(5,0,0)
```
#180100
```
#180100 rgb(24,1,0)
```
#2c0100
```
#2c0100 rgb(44,1,0)
```
#400200
```
#400200 rgb(64,2,0)
```
#530200
```
#530200 rgb(83,2,0)
```
#670200
```
#670200 rgb(103,2,0)
```
#7a0300
```
#7a0300 rgb(122,3,0)
```
#8e0300
```
#8e0300 rgb(142,3,0)
```
#a20400
```
#a20400 rgb(162,4,0)
```
#b50400
```
#b50400 rgb(181,4,0)
```
#c90500
```
#c90500 rgb(201,5,0)
```
#dd0500
```
#dd0500 rgb(221,5,0)
```
#f00600
```
#f00600 rgb(240,6,0)
```

Shade Color Variation

#ff0b05
```
#ff0b05 rgb(255,11,5)
```
#ff1e18
```
#ff1e18 rgb(255,30,24)
```
#ff312c
```
#ff312c rgb(255,49,44)
```
#ff4440
```
#ff4440 rgb(255,68,64)
```
#ff5753
```
#ff5753 rgb(255,87,83)
```
#ff6a67
```
#ff6a67 rgb(255,106,103)
```
#ff7e7a
```
#ff7e7a rgb(255,126,122)
```
#ff918e
```
#ff918e rgb(255,145,142)
```
#ffa4a2
```
#ffa4a2 rgb(255,164,162)
```
#ffb7b5
```
#ffb7b5 rgb(255,183,181)
```
#ffcac9
```
#ffcac9 rgb(255,202,201)
```
#ffdddd
```
#ffdddd rgb(255,221,221)
```
#fff1f0
```
#fff1f0 rgb(255,241,240)
```

Tint Color Variation

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

#9e8e8d
```
#9e8e8d rgb(158,142,141)
```
#a68685
```
#a68685 rgb(166,134,133)
```
#ae7e7d
```
#ae7e7d rgb(174,126,125)
```
#b67775
```
#b67775 rgb(182,119,117)
```
#be6f6d
```
#be6f6d rgb(190,111,109)
```
#c66765
```
#c66765 rgb(198,103,101)
```
#ce5f5d
```
#ce5f5d rgb(206,95,93)
```
#d65855
```
#d65855 rgb(214,88,85)
```
#df504c
```
#df504c rgb(223,80,76)
```
#e74844
```
#e74844 rgb(231,72,68)
```
#ef403c
```
#ef403c rgb(239,64,60)
```
#f73934
```
#f73934 rgb(247,57,52)
```
#ff312c
```
#ff312c rgb(255,49,44)
```

Tone Color Variation

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

#998b4a Protanopia 1% of men
#ae8521 Deuteranopia 1% of men
#ff3b3b Tritanopia 0.001% of the population

Trichromacy

#be6a3f Protanomaly 1% of men, 0.01% of women
#cb6625 Deuteranomaly 6% of men, 0.4% of women
#ff3735 Tritanomaly 0.01% of the population

#ff312c hex color

#ff312c Color Information

#ff312c Color Conversion

Color Schemes with #ff312c

Alternatives to #ff312c

#ff312c Preview

Shades and Tints of #ff312c

Tones of #ff312c

Color Blindness Simulator