#f3213f hex color

In a RGB color space, hex #f3213f is composed of 95.3% red, 12.9% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.4% magenta, 74.1% yellow and 4.7% black. It has a hue angle of 351.4 degrees, a saturation of 89.7% and a lightness of 54.1%. #f3213f color hex could be obtained by blending #ff427e with #e70000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 95
- G 13
- B 25
RGB color chart
- C 0
- M 86
- Y 74
- K 5
CMYK color chart

● #f3213f color description : Vivid red.

The hexadecimal color #f3213f has RGB values of R:243, G:33, B:63 and CMYK values of C:0, M:0.86, Y:0.74, K:0.05. Its decimal value is 15933759.

Hex triplet	f3213f	`#f3213f`
RGB Decimal	243, 33, 63	`rgb(243,33,63)`
RGB Percent	95.3, 12.9, 24.7	`rgb(95.3%,12.9%,24.7%)`
CMYK	0, 86, 74, 5
HSL	351.4°, 89.7, 54.1	`hsl(351.4,89.7%,54.1%)`
HSV (or HSB)	351.4°, 86.4, 95.3
Web Safe	ff3333	`#ff3333`

CIE-LAB	52.405, 74.799, 39.223
XYZ	38.405, 20.506, 6.638
xyY	0.586, 0.313, 20.506
CIE-LCH	52.405, 84.459, 27.672
CIE-LUV	52.405, 151.232, 24.549
Hunter-Lab	45.284, 72.139, 23.007
Binary	11110011, 00100001, 00111111

#f3213f
```
#f3213f rgb(243,33,63)
```
#21f3d5
```
#21f3d5 rgb(33,243,213)
```

Complementary Color

#f321a8
```
#f321a8 rgb(243,33,168)
```
#f3213f
```
#f3213f rgb(243,33,63)
```
#f36c21
```
#f36c21 rgb(243,108,33)
```

Analogous Color

#21a8f3
```
#21a8f3 rgb(33,168,243)
```
#f3213f
```
#f3213f rgb(243,33,63)
```
#21f36c
```
#21f36c rgb(33,243,108)
```

Split Complementary Color

#213ff3
```
#213ff3 rgb(33,63,243)
```
#f3213f
```
#f3213f rgb(243,33,63)
```
#3ff321
```
#3ff321 rgb(63,243,33)
```

Triadic Color

#d521f3
```
#d521f3 rgb(213,33,243)
```
#f3213f
```
#f3213f rgb(243,33,63)
```
#3ff321
```
#3ff321 rgb(63,243,33)
```
#21f3d5
```
#21f3d5 rgb(33,243,213)
```

Tetradic Color

#bd0a24
```
#bd0a24 rgb(189,10,36)
```
#d50c28
```
#d50c28 rgb(213,12,40)
```
#ee0d2d
```
#ee0d2d rgb(238,13,45)
```
#f3213f
```
#f3213f rgb(243,33,63)
```
#f43954
```
#f43954 rgb(244,57,84)
```
#f65169
```
#f65169 rgb(246,81,105)
```
#f76a7e
```
#f76a7e rgb(247,106,126)
```

Monochromatic Color

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

#f32174
```
#f32174 rgb(243,33,116)
```
#f32162
```
#f32162 rgb(243,33,98)
```
#f32151
```
#f32151 rgb(243,33,81)
```
#f3213f
```
#f3213f rgb(243,33,63)
```
#f3212e
```
#f3212e rgb(243,33,46)
```
#f32621
```
#f32621 rgb(243,38,33)
```
#f33821
```
#f33821 rgb(243,56,33)
```

Similar Colors

Text with hexadecimal color #f3213f

This text has a font color of #f3213f.

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

#f3213f background color

This paragraph has a background color of #f3213f.

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

#f3213f border color

This element has a border color of #f3213f.

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

CSS codes

.text {color:#f3213f;}

.background {background-color:#f3213f;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#140104
```
#140104 rgb(20,1,4)
```
#270207
```
#270207 rgb(39,2,7)
```
#39030b
```
#39030b rgb(57,3,11)
```
#4c040e
```
#4c040e rgb(76,4,14)
```
#5e0512
```
#5e0512 rgb(94,5,18)
```
#710615
```
#710615 rgb(113,6,21)
```
#840719
```
#840719 rgb(132,7,25)
```
#96081c
```
#96081c rgb(150,8,28)
```
#a90920
```
#a90920 rgb(169,9,32)
```
#bb0a23
```
#bb0a23 rgb(187,10,35)
```
#ce0b27
```
#ce0b27 rgb(206,11,39)
```
#e10c2a
```
#e10c2a rgb(225,12,42)
```

Shade Color Variation

#f20e2f
```
#f20e2f rgb(242,14,47)
```
#f3213f
```
#f3213f rgb(243,33,63)
```
#f4344f
```
#f4344f rgb(244,52,79)
```
#f5465f
```
#f5465f rgb(245,70,95)
```
#f6596f
```
#f6596f rgb(246,89,111)
```
#f76b7f
```
#f76b7f rgb(247,107,127)
```
#f87e8f
```
#f87e8f rgb(248,126,143)
```
#f991a0
```
#f991a0 rgb(249,145,160)
```
#faa3b0
```
#faa3b0 rgb(250,163,176)
```
#fbb6c0
```
#fbb6c0 rgb(251,182,192)
```
#fcc8d0
```
#fcc8d0 rgb(252,200,208)
```
#fddbe0
```
#fddbe0 rgb(253,219,224)
```
#feeef0
```
#feeef0 rgb(254,238,240)
```

Tint Color Variation

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

#908486
```
#908486 rgb(144,132,134)
```
#997b7f
```
#997b7f rgb(153,123,127)
```
#a27279
```
#a27279 rgb(162,114,121)
```
#ab6972
```
#ab6972 rgb(171,105,114)
```
#b4606c
```
#b4606c rgb(180,96,108)
```
#bd5766
```
#bd5766 rgb(189,87,102)
```
#c64e5f
```
#c64e5f rgb(198,78,95)
```
#cf4559
```
#cf4559 rgb(207,69,89)
```
#d83c52
```
#d83c52 rgb(216,60,82)
```
#e1334c
```
#e1334c rgb(225,51,76)
```
#ea2a45
```
#ea2a45 rgb(234,42,69)
```
#f3213f
```
#f3213f rgb(243,33,63)
```
#fc1839
```
#fc1839 rgb(252,24,57)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#80565c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d8361 Protanopia 1% of men
#a27d3a Deuteranopia 1% of men
#f33130 Tritanopia 0.001% of the population

Trichromacy

#b25f55 Protanomaly 1% of men, 0.01% of women
#bf5c3c Deuteranomaly 6% of men, 0.4% of women
#f32b35 Tritanomaly 0.01% of the population

#f3213f hex color

#f3213f Color Information

#f3213f Color Conversion

Color Schemes with #f3213f

Alternatives to #f3213f

#f3213f Preview

Shades and Tints of #f3213f

Tones of #f3213f

Color Blindness Simulator