#fd2d33 hex color

In a RGB color space, hex #fd2d33 is composed of 99.2% red, 17.6% green and 20% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.2% magenta, 79.8% yellow and 0.8% black. It has a hue angle of 358.3 degrees, a saturation of 98.1% and a lightness of 58.4%. #fd2d33 color hex could be obtained by blending #ff5a66 with #fb0000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 99
- G 18
- B 20
RGB color chart
- C 0
- M 82
- Y 80
- K 1
CMYK color chart

● #fd2d33 color description : Bright red.

The hexadecimal color #fd2d33 has RGB values of R:253, G:45, B:51 and CMYK values of C:0, M:0.82, Y:0.8, K:0.01. Its decimal value is 16592179.

Hex triplet	fd2d33	`#fd2d33`
RGB Decimal	253, 45, 51	`rgb(253,45,51)`
RGB Percent	99.2, 17.6, 20	`rgb(99.2%,17.6%,20%)`
CMYK	0, 82, 80, 1
HSL	358.3°, 98.1, 58.4	`hsl(358.3,98.1%,58.4%)`
HSV (or HSB)	358.3°, 82.2, 99.2
Web Safe	ff3333	`#ff3333`

CIE-LAB	55.076, 74.614, 49.255
XYZ	42.046, 23.004, 5.358
xyY	0.597, 0.327, 23.004
CIE-LCH	55.076, 89.405, 33.43
CIE-LUV	55.076, 157.023, 32.341
Hunter-Lab	47.962, 72.548, 26.95
Binary	11111101, 00101101, 00110011

#fd2d33
```
#fd2d33 rgb(253,45,51)
```
#2dfdf7
```
#2dfdf7 rgb(45,253,247)
```

Complementary Color

#fd2d9b
```
#fd2d9b rgb(253,45,155)
```
#fd2d33
```
#fd2d33 rgb(253,45,51)
```
#fd8f2d
```
#fd8f2d rgb(253,143,45)
```

Analogous Color

#2d9bfd
```
#2d9bfd rgb(45,155,253)
```
#fd2d33
```
#fd2d33 rgb(253,45,51)
```
#2dfd8f
```
#2dfd8f rgb(45,253,143)
```

Split Complementary Color

#2d33fd
```
#2d33fd rgb(45,51,253)
```
#fd2d33
```
#fd2d33 rgb(253,45,51)
```
#33fd2d
```
#33fd2d rgb(51,253,45)
```

Triadic Color

#f72dfd
```
#f72dfd rgb(247,45,253)
```
#fd2d33
```
#fd2d33 rgb(253,45,51)
```
#33fd2d
```
#33fd2d rgb(51,253,45)
```
#2dfdf7
```
#2dfdf7 rgb(45,253,247)
```

Tetradic Color

#db0208
```
#db0208 rgb(219,2,8)
```
#f50209
```
#f50209 rgb(245,2,9)
```
#fd141a
```
#fd141a rgb(253,20,26)
```
#fd2d33
```
#fd2d33 rgb(253,45,51)
```
#fd464c
```
#fd464c rgb(253,70,76)
```
#fd6064
```
#fd6064 rgb(253,96,100)
```
#fe797d
```
#fe797d rgb(254,121,125)
```

Monochromatic Color

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

#fd2d67
```
#fd2d67 rgb(253,45,103)
```
#fd2d56
```
#fd2d56 rgb(253,45,86)
```
#fd2d44
```
#fd2d44 rgb(253,45,68)
```
#fd2d33
```
#fd2d33 rgb(253,45,51)
```
#fd382d
```
#fd382d rgb(253,56,45)
```
#fd4a2d
```
#fd4a2d rgb(253,74,45)
```
#fd5b2d
```
#fd5b2d rgb(253,91,45)
```

Similar Colors

Text with hexadecimal color #fd2d33

This text has a font color of #fd2d33.

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

#fd2d33 background color

This paragraph has a background color of #fd2d33.

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

#fd2d33 border color

This element has a border color of #fd2d33.

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

CSS codes

.text {color:#fd2d33;}

.background {background-color:#fd2d33;}

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

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

#040000
```
#040000 rgb(4,0,0)
```
#170001
```
#170001 rgb(23,0,1)
```
#2b0002
```
#2b0002 rgb(43,0,2)
```
#3e0102
```
#3e0102 rgb(62,1,2)
```
#510103
```
#510103 rgb(81,1,3)
```
#650104
```
#650104 rgb(101,1,4)
```
#780105
```
#780105 rgb(120,1,5)
```
#8c0105
```
#8c0105 rgb(140,1,5)
```
#9f0206
```
#9f0206 rgb(159,2,6)
```
#b30207
```
#b30207 rgb(179,2,7)
```
#c60208
```
#c60208 rgb(198,2,8)
```
#d90208
```
#d90208 rgb(217,2,8)
```
#ed0209
```
#ed0209 rgb(237,2,9)
```

Shade Color Variation

#fd060d
```
#fd060d rgb(253,6,13)
```
#fd1a20
```
#fd1a20 rgb(253,26,32)
```
#fd2d33
```
#fd2d33 rgb(253,45,51)
```
#fd4046
```
#fd4046 rgb(253,64,70)
```
#fd5459
```
#fd5459 rgb(253,84,89)
```
#fe676c
```
#fe676c rgb(254,103,108)
```
#fe7b7f
```
#fe7b7f rgb(254,123,127)
```
#fe8e91
```
#fe8e91 rgb(254,142,145)
```
#fea2a4
```
#fea2a4 rgb(254,162,164)
```
#feb5b7
```
#feb5b7 rgb(254,181,183)
```
#fec8ca
```
#fec8ca rgb(254,200,202)
```
#ffdcdd
```
#ffdcdd rgb(255,220,221)
```
#ffeff0
```
#ffeff0 rgb(255,239,240)
```

Tint Color Variation

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

#9b8f8f
```
#9b8f8f rgb(155,143,143)
```
#a38788
```
#a38788 rgb(163,135,136)
```
#ab7f80
```
#ab7f80 rgb(171,127,128)
```
#b47678
```
#b47678 rgb(180,118,120)
```
#bc6e70
```
#bc6e70 rgb(188,110,112)
```
#c46669
```
#c46669 rgb(196,102,105)
```
#cc5e61
```
#cc5e61 rgb(204,94,97)
```
#d45659
```
#d45659 rgb(212,86,89)
```
#dc4e52
```
#dc4e52 rgb(220,78,82)
```
#e5454a
```
#e5454a rgb(229,69,74)
```
#ed3d42
```
#ed3d42 rgb(237,61,66)
```
#f5353b
```
#f5353b rgb(245,53,59)
```
#fd2d33
```
#fd2d33 rgb(253,45,51)
```

Tone Color Variation

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

Dichromacy

#978a52 Protanopia 1% of men
#ab832b Deuteranopia 1% of men
#fc3838 Tritanopia 0.001% of the population

Trichromacy

#bc6847 Protanomaly 1% of men, 0.01% of women
#c9642e Deuteranomaly 6% of men, 0.4% of women
#fc3436 Tritanomaly 0.01% of the population

#fd2d33 hex color

#fd2d33 Color Information

#fd2d33 Color Conversion

Color Schemes with #fd2d33

Alternatives to #fd2d33

#fd2d33 Preview

Shades and Tints of #fd2d33

Tones of #fd2d33

Color Blindness Simulator