#ff3213 hex color

In a RGB color space, hex #ff3213 is composed of 100% red, 19.6% green and 7.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.4% magenta, 92.5% yellow and 0% black. It has a hue angle of 7.9 degrees, a saturation of 100% and a lightness of 53.7%. #ff3213 color hex could be obtained by blending #ff6426 with #ff0000. Closest websafe color is: #ff3300.

♥
- f
- t
- g
- R 100
- G 20
- B 7
RGB color chart
- C 0
- M 80
- Y 93
- K 0
CMYK color chart

● #ff3213 color description : Vivid red.

The hexadecimal color #ff3213 has RGB values of R:255, G:50, B:19 and CMYK values of C:0, M:0.8, Y:0.93, K:0. Its decimal value is 16724499.

Hex triplet	ff3213	`#ff3213`
RGB Decimal	255, 50, 19	`rgb(255,50,19)`
RGB Percent	100, 19.6, 7.5	`rgb(100%,19.6%,7.5%)`
CMYK	0, 80, 93, 0
HSL	7.9°, 100, 53.7	`hsl(7.9,100%,53.7%)`
HSV (or HSB)	7.9°, 92.5, 100
Web Safe	ff3300	`#ff3300`

CIE-LAB	55.679, 73.385, 63.635
XYZ	42.5, 23.594, 2.932
xyY	0.616, 0.342, 23.594
CIE-LCH	55.679, 97.133, 40.93
CIE-LUV	55.679, 160.477, 40.321
Hunter-Lab	48.573, 71.18, 30.422
Binary	11111111, 00110010, 00010011

#ff3213
```
#ff3213 rgb(255,50,19)
```
#13e0ff
```
#13e0ff rgb(19,224,255)
```

Complementary Color

#ff136a
```
#ff136a rgb(255,19,106)
```
#ff3213
```
#ff3213 rgb(255,50,19)
```
#ffa813
```
#ffa813 rgb(255,168,19)
```

Analogous Color

#136aff
```
#136aff rgb(19,106,255)
```
#ff3213
```
#ff3213 rgb(255,50,19)
```
#13ffa8
```
#13ffa8 rgb(19,255,168)
```

Split Complementary Color

#3213ff
```
#3213ff rgb(50,19,255)
```
#ff3213
```
#ff3213 rgb(255,50,19)
```
#13ff32
```
#13ff32 rgb(19,255,50)
```

Triadic Color

#ff13e0
```
#ff13e0 rgb(255,19,224)
```
#ff3213
```
#ff3213 rgb(255,50,19)
```
#13ff32
```
#13ff32 rgb(19,255,50)
```
#13e0ff
```
#13e0ff rgb(19,224,255)
```

Tetradic Color

#c61a00
```
#c61a00 rgb(198,26,0)
```
#df1d00
```
#df1d00 rgb(223,29,0)
```
#f92100
```
#f92100 rgb(249,33,0)
```
#ff3213
```
#ff3213 rgb(255,50,19)
```
#ff482d
```
#ff482d rgb(255,72,45)
```
#ff5e46
```
#ff5e46 rgb(255,94,70)
```
#ff7460
```
#ff7460 rgb(255,116,96)
```

Monochromatic Color

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

#ff132f
```
#ff132f rgb(255,19,47)
```
#ff131b
```
#ff131b rgb(255,19,27)
```
#ff1e13
```
#ff1e13 rgb(255,30,19)
```
#ff3213
```
#ff3213 rgb(255,50,19)
```
#ff4613
```
#ff4613 rgb(255,70,19)
```
#ff5913
```
#ff5913 rgb(255,89,19)
```
#ff6d13
```
#ff6d13 rgb(255,109,19)
```

Similar Colors

Text with hexadecimal color #ff3213

This text has a font color of #ff3213.

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

#ff3213 background color

This paragraph has a background color of #ff3213.

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

#ff3213 border color

This element has a border color of #ff3213.

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

CSS codes

.text {color:#ff3213;}

.background {background-color:#ff3213;}

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

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

#130200
```
#130200 rgb(19,2,0)
```
#270500
```
#270500 rgb(39,5,0)
```
#3a0800
```
#3a0800 rgb(58,8,0)
```
#4e0a00
```
#4e0a00 rgb(78,10,0)
```
#610d00
```
#610d00 rgb(97,13,0)
```
#750f00
```
#750f00 rgb(117,15,0)
```
#891200
```
#891200 rgb(137,18,0)
```
#9c1500
```
#9c1500 rgb(156,21,0)
```
#b01700
```
#b01700 rgb(176,23,0)
```
#c41a00
```
#c41a00 rgb(196,26,0)
```
#d71c00
```
#d71c00 rgb(215,28,0)
```
#eb1f00
```
#eb1f00 rgb(235,31,0)
```
#fe2100
```
#fe2100 rgb(254,33,0)
```

Shade Color Variation

#ff3213
```
#ff3213 rgb(255,50,19)
```
#ff4327
```
#ff4327 rgb(255,67,39)
```
#ff543a
```
#ff543a rgb(255,84,58)
```
#ff654e
```
#ff654e rgb(255,101,78)
```
#ff7661
```
#ff7661 rgb(255,118,97)
```
#ff8775
```
#ff8775 rgb(255,135,117)
```
#ff9889
```
#ff9889 rgb(255,152,137)
```
#ffa99c
```
#ffa99c rgb(255,169,156)
```
#ffbab0
```
#ffbab0 rgb(255,186,176)
```
#ffcbc4
```
#ffcbc4 rgb(255,203,196)
```
#ffdcd7
```
#ffdcd7 rgb(255,220,215)
```
#ffedeb
```
#ffedeb rgb(255,237,235)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#928280
```
#928280 rgb(146,130,128)
```
#9b7c77
```
#9b7c77 rgb(155,124,119)
```
#a4756e
```
#a4756e rgb(164,117,110)
```
#ad6e65
```
#ad6e65 rgb(173,110,101)
```
#b6685c
```
#b6685c rgb(182,104,92)
```
#bf6153
```
#bf6153 rgb(191,97,83)
```
#c95a49
```
#c95a49 rgb(201,90,73)
```
#d25340
```
#d25340 rgb(210,83,64)
```
#db4d37
```
#db4d37 rgb(219,77,55)
```
#e4462e
```
#e4462e rgb(228,70,46)
```
#ed3f25
```
#ed3f25 rgb(237,63,37)
```
#f6391c
```
#f6391c rgb(246,57,28)
```
#ff3213
```
#ff3213 rgb(255,50,19)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#89605a Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b8b30 Protanopia 1% of men
#ae8500 Deuteranopia 1% of men
#ff3a3a Tritanopia 0.001% of the population

Trichromacy

#bf6b26 Protanomaly 1% of men, 0.01% of women
#cb6606 Deuteranomaly 6% of men, 0.4% of women
#ff372c Tritanomaly 0.01% of the population

#ff3213 hex color

#ff3213 Color Information

#ff3213 Color Conversion

Color Schemes with #ff3213

Alternatives to #ff3213

#ff3213 Preview

Shades and Tints of #ff3213

Tones of #ff3213

Color Blindness Simulator