#f3221c hex color

In a RGB color space, hex #f3221c is composed of 95.3% red, 13.3% green and 11% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86% magenta, 88.5% yellow and 4.7% black. It has a hue angle of 1.7 degrees, a saturation of 90% and a lightness of 53.1%. #f3221c color hex could be obtained by blending #ff4438 with #e70000. Closest websafe color is: #ff3333.

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

● #f3221c color description : Vivid red.

The hexadecimal color #f3221c has RGB values of R:243, G:34, B:28 and CMYK values of C:0, M:0.86, Y:0.88, K:0.05. Its decimal value is 15933980.

Hex triplet	f3221c	`#f3221c`
RGB Decimal	243, 34, 28	`rgb(243,34,28)`
RGB Percent	95.3, 13.3, 11	`rgb(95.3%,13.3%,11%)`
CMYK	0, 86, 88, 5
HSL	1.7°, 90, 53.1	`hsl(1.7,90%,53.1%)`
HSV (or HSB)	1.7°, 88.5, 95.3
Web Safe	ff3333	`#ff3333`

CIE-LAB	52.161, 73.723, 56.931
XYZ	37.746, 20.288, 3.027
xyY	0.618, 0.332, 20.288
CIE-LCH	52.161, 93.146, 37.676
CIE-LUV	52.161, 157.412, 35.023
Hunter-Lab	45.042, 70.764, 27.545
Binary	11110011, 00100010, 00011100

#f3221c
```
#f3221c rgb(243,34,28)
```
#1cedf3
```
#1cedf3 rgb(28,237,243)
```

Complementary Color

#f31c82
```
#f31c82 rgb(243,28,130)
```
#f3221c
```
#f3221c rgb(243,34,28)
```
#f38e1c
```
#f38e1c rgb(243,142,28)
```

Analogous Color

#1c82f3
```
#1c82f3 rgb(28,130,243)
```
#f3221c
```
#f3221c rgb(243,34,28)
```
#1cf38e
```
#1cf38e rgb(28,243,142)
```

Split Complementary Color

#221cf3
```
#221cf3 rgb(34,28,243)
```
#f3221c
```
#f3221c rgb(243,34,28)
```
#1cf322
```
#1cf322 rgb(28,243,34)
```

Triadic Color

#f31ced
```
#f31ced rgb(243,28,237)
```
#f3221c
```
#f3221c rgb(243,34,28)
```
#1cf322
```
#1cf322 rgb(28,243,34)
```
#1cedf3
```
#1cedf3 rgb(28,237,243)
```

Tetradic Color

#b90f0a
```
#b90f0a rgb(185,15,10)
```
#d1110b
```
#d1110b rgb(209,17,11)
```
#e9120c
```
#e9120c rgb(233,18,12)
```
#f3221c
```
#f3221c rgb(243,34,28)
```
#f43a34
```
#f43a34 rgb(244,58,52)
```
#f6514c
```
#f6514c rgb(246,81,76)
```
#f76965
```
#f76965 rgb(247,105,101)
```

Monochromatic Color

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

#f31c4c
```
#f31c4c rgb(243,28,76)
```
#f31c3a
```
#f31c3a rgb(243,28,58)
```
#f31c28
```
#f31c28 rgb(243,28,40)
```
#f3221c
```
#f3221c rgb(243,34,28)
```
#f3341c
```
#f3341c rgb(243,52,28)
```
#f3461c
```
#f3461c rgb(243,70,28)
```
#f3581c
```
#f3581c rgb(243,88,28)
```

Similar Colors

Text with hexadecimal color #f3221c

This text has a font color of #f3221c.

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

#f3221c background color

This paragraph has a background color of #f3221c.

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

#f3221c border color

This element has a border color of #f3221c.

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

CSS codes

.text {color:#f3221c;}

.background {background-color:#f3221c;}

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

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

#0f0101
```
#0f0101 rgb(15,1,1)
```
#220302
```
#220302 rgb(34,3,2)
```
#340403
```
#340403 rgb(52,4,3)
```
#470604
```
#470604 rgb(71,6,4)
```
#5a0705
```
#5a0705 rgb(90,7,5)
```
#6c0906
```
#6c0906 rgb(108,9,6)
```
#7f0a07
```
#7f0a07 rgb(127,10,7)
```
#920c08
```
#920c08 rgb(146,12,8)
```
#a40d09
```
#a40d09 rgb(164,13,9)
```
#b70f0a
```
#b70f0a rgb(183,15,10)
```
#ca100b
```
#ca100b rgb(202,16,11)
```
#dc110c
```
#dc110c rgb(220,17,12)
```
#ef130d
```
#ef130d rgb(239,19,13)
```

Shade Color Variation

#f3221c
```
#f3221c rgb(243,34,28)
```
#f4342f
```
#f4342f rgb(244,52,47)
```
#f54641
```
#f54641 rgb(245,70,65)
```
#f65854
```
#f65854 rgb(246,88,84)
```
#f76b67
```
#f76b67 rgb(247,107,103)
```
#f87d79
```
#f87d79 rgb(248,125,121)
```
#f98f8c
```
#f98f8c rgb(249,143,140)
```
#faa19e
```
#faa19e rgb(250,161,158)
```
#fbb3b1
```
#fbb3b1 rgb(251,179,177)
```
#fcc5c4
```
#fcc5c4 rgb(252,197,196)
```
#fdd7d6
```
#fdd7d6 rgb(253,215,214)
```
#feeae9
```
#feeae9 rgb(254,234,233)
```
#fffcfc
```
#fffcfc rgb(255,252,252)
```

Tint Color Variation

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

#8e8181
```
#8e8181 rgb(142,129,129)
```
#977978
```
#977978 rgb(151,121,120)
```
#a0706f
```
#a0706f rgb(160,112,111)
```
#a96766
```
#a96766 rgb(169,103,102)
```
#b35f5c
```
#b35f5c rgb(179,95,92)
```
#bc5653
```
#bc5653 rgb(188,86,83)
```
#c54d4a
```
#c54d4a rgb(197,77,74)
```
#ce4541
```
#ce4541 rgb(206,69,65)
```
#d73c38
```
#d73c38 rgb(215,60,56)
```
#e1332e
```
#e1332e rgb(225,51,46)
```
#ea2b25
```
#ea2b25 rgb(234,43,37)
```
#f3221c
```
#f3221c rgb(243,34,28)
```
#fc1913
```
#fc1913 rgb(252,25,19)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#7d5452 Atypical Achromatopsia 0.001% of the population

Dichromacy

#91833a Protanopia 1% of men
#a47c00 Deuteranopia 1% of men
#f32d2a Tritanopia 0.001% of the population

Trichromacy

#b45f2f Protanomaly 1% of men, 0.01% of women
#c05b0a Deuteranomaly 6% of men, 0.4% of women
#f32925 Tritanomaly 0.01% of the population

#f3221c hex color

#f3221c Color Information

#f3221c Color Conversion

Color Schemes with #f3221c

Alternatives to #f3221c

#f3221c Preview

Shades and Tints of #f3221c

Tones of #f3221c

Color Blindness Simulator