#fd322c hex color

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

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

● #fd322c color description : Bright red.

The hexadecimal color #fd322c has RGB values of R:253, G:50, B:44 and CMYK values of C:0, M:0.8, Y:0.83, K:0.01. Its decimal value is 16593452.

Hex triplet	fd322c	`#fd322c`
RGB Decimal	253, 50, 44	`rgb(253,50,44)`
RGB Percent	99.2, 19.6, 17.3	`rgb(99.2%,19.6%,17.3%)`
CMYK	0, 80, 83, 1
HSL	1.7°, 98.1, 58.2	`hsl(1.7,98.1%,58.2%)`
HSV (or HSB)	1.7°, 82.6, 99.2
Web Safe	ff3333	`#ff3333`

CIE-LAB	55.432, 73.26, 53.136
XYZ	42.105, 23.351, 4.673
xyY	0.6, 0.333, 23.351
CIE-LCH	55.432, 90.501, 35.954
CIE-LUV	55.432, 156.081, 35.167
Hunter-Lab	48.323, 70.968, 28.093
Binary	11111101, 00110010, 00101100

#fd322c
```
#fd322c rgb(253,50,44)
```
#2cf7fd
```
#2cf7fd rgb(44,247,253)
```

Complementary Color

#fd2c8f
```
#fd2c8f rgb(253,44,143)
```
#fd322c
```
#fd322c rgb(253,50,44)
```
#fd9b2c
```
#fd9b2c rgb(253,155,44)
```

Analogous Color

#2c8ffd
```
#2c8ffd rgb(44,143,253)
```
#fd322c
```
#fd322c rgb(253,50,44)
```
#2cfd9b
```
#2cfd9b rgb(44,253,155)
```

Split Complementary Color

#322cfd
```
#322cfd rgb(50,44,253)
```
#fd322c
```
#fd322c rgb(253,50,44)
```
#2cfd32
```
#2cfd32 rgb(44,253,50)
```

Triadic Color

#fd2cf7
```
#fd2cf7 rgb(253,44,247)
```
#fd322c
```
#fd322c rgb(253,50,44)
```
#2cfd32
```
#2cfd32 rgb(44,253,50)
```
#2cf7fd
```
#2cf7fd rgb(44,247,253)
```

Tetradic Color

#da0802
```
#da0802 rgb(218,8,2)
```
#f40902
```
#f40902 rgb(244,9,2)
```
#fd1913
```
#fd1913 rgb(253,25,19)
```
#fd322c
```
#fd322c rgb(253,50,44)
```
#fd4b45
```
#fd4b45 rgb(253,75,69)
```
#fd635f
```
#fd635f rgb(253,99,95)
```
#fe7c78
```
#fe7c78 rgb(254,124,120)
```

Monochromatic Color

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

#fd2c5a
```
#fd2c5a rgb(253,44,90)
```
#fd2c49
```
#fd2c49 rgb(253,44,73)
```
#fd2c37
```
#fd2c37 rgb(253,44,55)
```
#fd322c
```
#fd322c rgb(253,50,44)
```
#fd432c
```
#fd432c rgb(253,67,44)
```
#fd552c
```
#fd552c rgb(253,85,44)
```
#fd662c
```
#fd662c rgb(253,102,44)
```

Similar Colors

Text with hexadecimal color #fd322c

This text has a font color of #fd322c.

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

#fd322c background color

This paragraph has a background color of #fd322c.

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

#fd322c border color

This element has a border color of #fd322c.

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

CSS codes

.text {color:#fd322c;}

.background {background-color:#fd322c;}

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

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

#030000
```
#030000 rgb(3,0,0)
```
#160100
```
#160100 rgb(22,1,0)
```
#2a0200
```
#2a0200 rgb(42,2,0)
```
#3d0201
```
#3d0201 rgb(61,2,1)
```
#500301
```
#500301 rgb(80,3,1)
```
#640401
```
#640401 rgb(100,4,1)
```
#770501
```
#770501 rgb(119,5,1)
```
#8b0501
```
#8b0501 rgb(139,5,1)
```
#9e0601
```
#9e0601 rgb(158,6,1)
```
#b20702
```
#b20702 rgb(178,7,2)
```
#c50702
```
#c50702 rgb(197,7,2)
```
#d80802
```
#d80802 rgb(216,8,2)
```
#ec0902
```
#ec0902 rgb(236,9,2)
```

Shade Color Variation

#fd0c05
```
#fd0c05 rgb(253,12,5)
```
#fd1f19
```
#fd1f19 rgb(253,31,25)
```
#fd322c
```
#fd322c rgb(253,50,44)
```
#fd453f
```
#fd453f rgb(253,69,63)
```
#fd5853
```
#fd5853 rgb(253,88,83)
```
#fe6b66
```
#fe6b66 rgb(254,107,102)
```
#fe7e7a
```
#fe7e7a rgb(254,126,122)
```
#fe908d
```
#fe908d rgb(254,144,141)
```
#fea3a1
```
#fea3a1 rgb(254,163,161)
```
#feb6b4
```
#feb6b4 rgb(254,182,180)
```
#fec9c7
```
#fec9c7 rgb(254,201,199)
```
#ffdcdb
```
#ffdcdb rgb(255,220,219)
```
#ffefee
```
#ffefee rgb(255,239,238)
```

Tint Color Variation

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

#9b8f8e
```
#9b8f8e rgb(155,143,142)
```
#a38786
```
#a38786 rgb(163,135,134)
```
#ab7f7e
```
#ab7f7e rgb(171,127,126)
```
#b37776
```
#b37776 rgb(179,119,118)
```
#bb706e
```
#bb706e rgb(187,112,110)
```
#c46865
```
#c46865 rgb(196,104,101)
```
#cc605d
```
#cc605d rgb(204,96,93)
```
#d45955
```
#d45955 rgb(212,89,85)
```
#dc514d
```
#dc514d rgb(220,81,77)
```
#e44945
```
#e44945 rgb(228,73,69)
```
#ed413c
```
#ed413c rgb(237,65,60)
```
#f53a34
```
#f53a34 rgb(245,58,52)
```
#fd322c
```
#fd322c rgb(253,50,44)
```

Tone Color Variation

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

#998b4a Protanopia 1% of men
#ad8421 Deuteranopia 1% of men
#fd3b3c Tritanopia 0.001% of the population

Trichromacy

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

#fd322c hex color

#fd322c Color Information

#fd322c Color Conversion

Color Schemes with #fd322c

Alternatives to #fd322c

#fd322c Preview

Shades and Tints of #fd322c

Tones of #fd322c

Color Blindness Simulator