#fd322d hex color

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

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

● #fd322d color description : Bright red.

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

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

CIE-LAB	55.44, 73.283, 52.652
XYZ	42.124, 23.359, 4.773
xyY	0.6, 0.332, 23.359
CIE-LCH	55.44, 90.237, 35.696
CIE-LUV	55.44, 155.92, 34.896
Hunter-Lab	48.331, 70.999, 27.976
Binary	11111101, 00110010, 00101101

#fd322d
```
#fd322d rgb(253,50,45)
```
#2df8fd
```
#2df8fd rgb(45,248,253)
```

Complementary Color

#fd2d90
```
#fd2d90 rgb(253,45,144)
```
#fd322d
```
#fd322d rgb(253,50,45)
```
#fd9a2d
```
#fd9a2d rgb(253,154,45)
```

Analogous Color

#2d90fd
```
#2d90fd rgb(45,144,253)
```
#fd322d
```
#fd322d rgb(253,50,45)
```
#2dfd9a
```
#2dfd9a rgb(45,253,154)
```

Split Complementary Color

#322dfd
```
#322dfd rgb(50,45,253)
```
#fd322d
```
#fd322d rgb(253,50,45)
```
#2dfd32
```
#2dfd32 rgb(45,253,50)
```

Triadic Color

#fd2df8
```
#fd2df8 rgb(253,45,248)
```
#fd322d
```
#fd322d rgb(253,50,45)
```
#2dfd32
```
#2dfd32 rgb(45,253,50)
```
#2df8fd
```
#2df8fd rgb(45,248,253)
```

Tetradic Color

#db0702
```
#db0702 rgb(219,7,2)
```
#f50802
```
#f50802 rgb(245,8,2)
```
#fd1914
```
#fd1914 rgb(253,25,20)
```
#fd322d
```
#fd322d rgb(253,50,45)
```
#fd4b46
```
#fd4b46 rgb(253,75,70)
```
#fd6360
```
#fd6360 rgb(253,99,96)
```
#fe7c79
```
#fe7c79 rgb(254,124,121)
```

Monochromatic Color

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

#fd2d5c
```
#fd2d5c rgb(253,45,92)
```
#fd2d4b
```
#fd2d4b rgb(253,45,75)
```
#fd2d39
```
#fd2d39 rgb(253,45,57)
```
#fd322d
```
#fd322d rgb(253,50,45)
```
#fd432d
```
#fd432d rgb(253,67,45)
```
#fd552d
```
#fd552d rgb(253,85,45)
```
#fd662d
```
#fd662d rgb(253,102,45)
```

Similar Colors

Text with hexadecimal color #fd322d

This text has a font color of #fd322d.

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

#fd322d background color

This paragraph has a background color of #fd322d.

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

#fd322d border color

This element has a border color of #fd322d.

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

CSS codes

.text {color:#fd322d;}

.background {background-color:#fd322d;}

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

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 #fff0ef is the lightest one.

#040000
```
#040000 rgb(4,0,0)
```
#170100
```
#170100 rgb(23,1,0)
```
#2b0100
```
#2b0100 rgb(43,1,0)
```
#3e0201
```
#3e0201 rgb(62,2,1)
```
#510301
```
#510301 rgb(81,3,1)
```
#650301
```
#650301 rgb(101,3,1)
```
#780401
```
#780401 rgb(120,4,1)
```
#8c0501
```
#8c0501 rgb(140,5,1)
```
#9f0502
```
#9f0502 rgb(159,5,2)
```
#b30602
```
#b30602 rgb(179,6,2)
```
#c60702
```
#c60702 rgb(198,7,2)
```
#d90702
```
#d90702 rgb(217,7,2)
```
#ed0802
```
#ed0802 rgb(237,8,2)
```

Shade Color Variation

#fd0c06
```
#fd0c06 rgb(253,12,6)
```
#fd1f1a
```
#fd1f1a rgb(253,31,26)
```
#fd322d
```
#fd322d rgb(253,50,45)
```
#fd4540
```
#fd4540 rgb(253,69,64)
```
#fd5854
```
#fd5854 rgb(253,88,84)
```
#fe6b67
```
#fe6b67 rgb(254,107,103)
```
#fe7e7b
```
#fe7e7b rgb(254,126,123)
```
#fe918e
```
#fe918e rgb(254,145,142)
```
#fea4a2
```
#fea4a2 rgb(254,164,162)
```
#feb7b5
```
#feb7b5 rgb(254,183,181)
```
#fecac8
```
#fecac8 rgb(254,202,200)
```
#ffdddc
```
#ffdddc rgb(255,221,220)
```
#fff0ef
```
#fff0ef rgb(255,240,239)
```

Tint Color Variation

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

#9b8f8f
```
#9b8f8f rgb(155,143,143)
```
#a38787
```
#a38787 rgb(163,135,135)
```
#ab807f
```
#ab807f rgb(171,128,127)
```
#b47876
```
#b47876 rgb(180,120,118)
```
#bc706e
```
#bc706e rgb(188,112,110)
```
#c46866
```
#c46866 rgb(196,104,102)
```
#cc615e
```
#cc615e rgb(204,97,94)
```
#d45956
```
#d45956 rgb(212,89,86)
```
#dc514e
```
#dc514e rgb(220,81,78)
```
#e54945
```
#e54945 rgb(229,73,69)
```
#ed423d
```
#ed423d rgb(237,66,61)
```
#f53a35
```
#f53a35 rgb(245,58,53)
```
#fd322d
```
#fd322d rgb(253,50,45)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#8b6261 Atypical Achromatopsia 0.001% of the population

Dichromacy

#988b4b Protanopia 1% of men
#ad8423 Deuteranopia 1% of men
#fd3c3c Tritanopia 0.001% of the population

Trichromacy

#bd6a40 Protanomaly 1% of men, 0.01% of women
#ca6626 Deuteranomaly 6% of men, 0.4% of women
#fd3836 Tritanomaly 0.01% of the population

#fd322d hex color

#fd322d Color Information

#fd322d Color Conversion

Color Schemes with #fd322d

Alternatives to #fd322d

#fd322d Preview

Shades and Tints of #fd322d

Tones of #fd322d

Color Blindness Simulator