#fd2221 hex color

In a RGB color space, hex #fd2221 is composed of 99.2% red, 13.3% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.6% magenta, 87% yellow and 0.8% black. It has a hue angle of 0.3 degrees, a saturation of 98.2% and a lightness of 56.1%. #fd2221 color hex could be obtained by blending #ff4442 with #fb0000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 99
- G 13
- B 13
RGB color chart
- C 0
- M 87
- Y 87
- K 1
CMYK color chart

● #fd2221 color description : Vivid red.

The hexadecimal color #fd2221 has RGB values of R:253, G:34, B:33 and CMYK values of C:0, M:0.87, Y:0.87, K:0.01. Its decimal value is 16589345.

Hex triplet	fd2221	`#fd2221`
RGB Decimal	253, 34, 33	`rgb(253,34,33)`
RGB Percent	99.2, 13.3, 12.9	`rgb(99.2%,13.3%,12.9%)`
CMYK	0, 87, 87, 1
HSL	0.3°, 98.2, 56.1	`hsl(0.3,98.2%,56.1%)`
HSV (or HSB)	0.3°, 87, 99.2
Web Safe	ff3333	`#ff3333`

CIE-LAB	54.177, 76.396, 57.192
XYZ	41.357, 22.142, 3.535
xyY	0.617, 0.33, 22.142
CIE-LCH	54.177, 95.432, 36.82
CIE-LUV	54.177, 164.003, 35.562
Hunter-Lab	47.055, 74.537, 28.484
Binary	11111101, 00100010, 00100001

#fd2221
```
#fd2221 rgb(253,34,33)
```
#21fcfd
```
#21fcfd rgb(33,252,253)
```

Complementary Color

#fd218e
```
#fd218e rgb(253,33,142)
```
#fd2221
```
#fd2221 rgb(253,34,33)
```
#fd9021
```
#fd9021 rgb(253,144,33)
```

Analogous Color

#218efd
```
#218efd rgb(33,142,253)
```
#fd2221
```
#fd2221 rgb(253,34,33)
```
#21fd90
```
#21fd90 rgb(33,253,144)
```

Split Complementary Color

#2221fd
```
#2221fd rgb(34,33,253)
```
#fd2221
```
#fd2221 rgb(253,34,33)
```
#21fd22
```
#21fd22 rgb(33,253,34)
```

Triadic Color

#fd21fc
```
#fd21fc rgb(253,33,252)
```
#fd2221
```
#fd2221 rgb(253,34,33)
```
#21fd22
```
#21fd22 rgb(33,253,34)
```
#21fcfd
```
#21fcfd rgb(33,252,253)
```

Tetradic Color

#d00302
```
#d00302 rgb(208,3,2)
```
#e90302
```
#e90302 rgb(233,3,2)
```
#fd0908
```
#fd0908 rgb(253,9,8)
```
#fd2221
```
#fd2221 rgb(253,34,33)
```
#fd3b3a
```
#fd3b3a rgb(253,59,58)
```
#fd5454
```
#fd5454 rgb(253,84,84)
```
#fe6d6d
```
#fe6d6d rgb(254,109,109)
```

Monochromatic Color

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

#fd2157
```
#fd2157 rgb(253,33,87)
```
#fd2145
```
#fd2145 rgb(253,33,69)
```
#fd2132
```
#fd2132 rgb(253,33,50)
```
#fd2221
```
#fd2221 rgb(253,34,33)
```
#fd3421
```
#fd3421 rgb(253,52,33)
```
#fd4721
```
#fd4721 rgb(253,71,33)
```
#fd5921
```
#fd5921 rgb(253,89,33)
```

Similar Colors

Text with hexadecimal color #fd2221

This text has a font color of #fd2221.

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

#fd2221 background color

This paragraph has a background color of #fd2221.

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

#fd2221 border color

This element has a border color of #fd2221.

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

CSS codes

.text {color:#fd2221;}

.background {background-color:#fd2221;}

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

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

#0b0000
```
#0b0000 rgb(11,0,0)
```
#1f0000
```
#1f0000 rgb(31,0,0)
```
#320100
```
#320100 rgb(50,1,0)
```
#460101
```
#460101 rgb(70,1,1)
```
#590101
```
#590101 rgb(89,1,1)
```
#6c0101
```
#6c0101 rgb(108,1,1)
```
#800201
```
#800201 rgb(128,2,1)
```
#930201
```
#930201 rgb(147,2,1)
```
#a70202
```
#a70202 rgb(167,2,2)
```
#ba0302
```
#ba0302 rgb(186,3,2)
```
#ce0302
```
#ce0302 rgb(206,3,2)
```
#e10302
```
#e10302 rgb(225,3,2)
```
#f50302
```
#f50302 rgb(245,3,2)
```

Shade Color Variation

#fd0f0e
```
#fd0f0e rgb(253,15,14)
```
#fd2221
```
#fd2221 rgb(253,34,33)
```
#fd3534
```
#fd3534 rgb(253,53,52)
```
#fd4948
```
#fd4948 rgb(253,73,72)
```
#fe5c5b
```
#fe5c5b rgb(254,92,91)
```
#fe6f6f
```
#fe6f6f rgb(254,111,111)
```
#fe8382
```
#fe8382 rgb(254,131,130)
```
#fe9696
```
#fe9696 rgb(254,150,150)
```
#fea9a9
```
#fea9a9 rgb(254,169,169)
```
#febdbd
```
#febdbd rgb(254,189,189)
```
#ffd0d0
```
#ffd0d0 rgb(255,208,208)
```
#ffe4e3
```
#ffe4e3 rgb(255,228,227)
```
#fff7f7
```
#fff7f7 rgb(255,247,247)
```

Tint Color Variation

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

#968888
```
#968888 rgb(150,136,136)
```
#9e8080
```
#9e8080 rgb(158,128,128)
```
#a77777
```
#a77777 rgb(167,119,119)
```
#af6f6f
```
#af6f6f rgb(175,111,111)
```
#b86666
```
#b86666 rgb(184,102,102)
```
#c15e5d
```
#c15e5d rgb(193,94,93)
```
#c95555
```
#c95555 rgb(201,85,85)
```
#d24d4c
```
#d24d4c rgb(210,77,76)
```
#db4443
```
#db4443 rgb(219,68,67)
```
#e33c3b
```
#e33c3b rgb(227,60,59)
```
#ec3332
```
#ec3332 rgb(236,51,50)
```
#f42b2a
```
#f42b2a rgb(244,43,42)
```
#fd2221
```
#fd2221 rgb(253,34,33)
```

Tone Color Variation

Below, you can see how #fd2221 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
#825656 Atypical Achromatopsia 0.001% of the population

Dichromacy

#968840 Protanopia 1% of men
#aa8100 Deuteranopia 1% of men
#fd2d2b Tritanopia 0.001% of the population

Trichromacy

#bb6334 Protanomaly 1% of men, 0.01% of women
#c85e0c Deuteranomaly 6% of men, 0.4% of women
#fd2927 Tritanomaly 0.01% of the population

#fd2221 hex color

#fd2221 Color Information

#fd2221 Color Conversion

Color Schemes with #fd2221

Alternatives to #fd2221

#fd2221 Preview

Shades and Tints of #fd2221

Tones of #fd2221

Color Blindness Simulator