#ff322d hex color

In a RGB color space, hex #ff322d is composed of 100% red, 19.6% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.4% magenta, 82.4% yellow and 0% black. It has a hue angle of 1.4 degrees, a saturation of 100% and a lightness of 58.8%. #ff322d color hex could be obtained by blending #ff645a with #ff0000. Closest websafe color is: #ff3333.

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

● #ff322d color description : Vivid red.

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

Hex triplet	ff322d	`#ff322d`
RGB Decimal	255, 50, 45	`rgb(255,50,45)`
RGB Percent	100, 19.6, 17.6	`rgb(100%,19.6%,17.6%)`
CMYK	0, 80, 82, 0
HSL	1.4°, 100, 58.8	`hsl(1.4,100%,58.8%)`
HSV (or HSB)	1.4°, 82.4, 100
Web Safe	ff3333	`#ff3333`

CIE-LAB	55.823, 73.829, 53.143
XYZ	42.856, 23.736, 4.807
xyY	0.6, 0.332, 23.736
CIE-LCH	55.823, 90.967, 35.747
CIE-LUV	55.823, 157.413, 35.206
Hunter-Lab	48.72, 71.759, 28.253
Binary	11111111, 00110010, 00101101

#ff322d
```
#ff322d rgb(255,50,45)
```
#2dfaff
```
#2dfaff rgb(45,250,255)
```

Complementary Color

#ff2d91
```
#ff2d91 rgb(255,45,145)
```
#ff322d
```
#ff322d rgb(255,50,45)
```
#ff9b2d
```
#ff9b2d rgb(255,155,45)
```

Analogous Color

#2d91ff
```
#2d91ff rgb(45,145,255)
```
#ff322d
```
#ff322d rgb(255,50,45)
```
#2dff9b
```
#2dff9b rgb(45,255,155)
```

Split Complementary Color

#322dff
```
#322dff rgb(50,45,255)
```
#ff322d
```
#ff322d rgb(255,50,45)
```
#2dff32
```
#2dff32 rgb(45,255,50)
```

Triadic Color

#ff2dfa
```
#ff2dfa rgb(255,45,250)
```
#ff322d
```
#ff322d rgb(255,50,45)
```
#2dff32
```
#2dff32 rgb(45,255,50)
```
#2dfaff
```
#2dfaff rgb(45,250,255)
```

Tetradic Color

#e00500
```
#e00500 rgb(224,5,0)
```
#f90600
```
#f90600 rgb(249,6,0)
```
#ff1914
```
#ff1914 rgb(255,25,20)
```
#ff322d
```
#ff322d rgb(255,50,45)
```
#ff4b47
```
#ff4b47 rgb(255,75,71)
```
#ff6460
```
#ff6460 rgb(255,100,96)
```
#ff7d7a
```
#ff7d7a rgb(255,125,122)
```

Monochromatic Color

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

#ff2d5d
```
#ff2d5d rgb(255,45,93)
```
#ff2d4b
```
#ff2d4b rgb(255,45,75)
```
#ff2d3a
```
#ff2d3a rgb(255,45,58)
```
#ff322d
```
#ff322d rgb(255,50,45)
```
#ff442d
```
#ff442d rgb(255,68,45)
```
#ff552d
```
#ff552d rgb(255,85,45)
```
#ff672d
```
#ff672d rgb(255,103,45)
```

Similar Colors

Text with hexadecimal color #ff322d

This text has a font color of #ff322d.

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

#ff322d background color

This paragraph has a background color of #ff322d.

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

#ff322d border color

This element has a border color of #ff322d.

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

CSS codes

.text {color:#ff322d;}

.background {background-color:#ff322d;}

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

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

#060000
```
#060000 rgb(6,0,0)
```
#190100
```
#190100 rgb(25,1,0)
```
#2d0100
```
#2d0100 rgb(45,1,0)
```
#410200
```
#410200 rgb(65,2,0)
```
#540200
```
#540200 rgb(84,2,0)
```
#680200
```
#680200 rgb(104,2,0)
```
#7b0300
```
#7b0300 rgb(123,3,0)
```
#8f0300
```
#8f0300 rgb(143,3,0)
```
#a30400
```
#a30400 rgb(163,4,0)
```
#b60400
```
#b60400 rgb(182,4,0)
```
#ca0500
```
#ca0500 rgb(202,5,0)
```
#de0500
```
#de0500 rgb(222,5,0)
```
#f10600
```
#f10600 rgb(241,6,0)
```

Shade Color Variation

#ff0c06
```
#ff0c06 rgb(255,12,6)
```
#ff1f19
```
#ff1f19 rgb(255,31,25)
```
#ff322d
```
#ff322d rgb(255,50,45)
```
#ff4541
```
#ff4541 rgb(255,69,65)
```
#ff5854
```
#ff5854 rgb(255,88,84)
```
#ff6b68
```
#ff6b68 rgb(255,107,104)
```
#ff7f7b
```
#ff7f7b rgb(255,127,123)
```
#ff928f
```
#ff928f rgb(255,146,143)
```
#ffa5a3
```
#ffa5a3 rgb(255,165,163)
```
#ffb8b6
```
#ffb8b6 rgb(255,184,182)
```
#ffcbca
```
#ffcbca rgb(255,203,202)
```
#ffdede
```
#ffdede rgb(255,222,222)
```
#fff1f1
```
#fff1f1 rgb(255,241,241)
```

Tint Color Variation

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

#9e8e8e
```
#9e8e8e rgb(158,142,142)
```
#a68786
```
#a68786 rgb(166,135,134)
```
#ae7f7e
```
#ae7f7e rgb(174,127,126)
```
#b67776
```
#b67776 rgb(182,119,118)
```
#be706e
```
#be706e rgb(190,112,110)
```
#c66866
```
#c66866 rgb(198,104,102)
```
#cf605d
```
#cf605d rgb(207,96,93)
```
#d75855
```
#d75855 rgb(215,88,85)
```
#df514d
```
#df514d rgb(223,81,77)
```
#e74945
```
#e74945 rgb(231,73,69)
```
#ef413d
```
#ef413d rgb(239,65,61)
```
#f73a35
```
#f73a35 rgb(247,58,53)
```
#ff322d
```
#ff322d rgb(255,50,45)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#8c6362 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a8c4b Protanopia 1% of men
#ae8522 Deuteranopia 1% of men
#ff3c3c Tritanopia 0.001% of the population

Trichromacy

#be6b40 Protanomaly 1% of men, 0.01% of women
#cb6726 Deuteranomaly 6% of men, 0.4% of women
#ff3836 Tritanomaly 0.01% of the population

#ff322d hex color

#ff322d Color Information

#ff322d Color Conversion

Color Schemes with #ff322d

Alternatives to #ff322d

#ff322d Preview

Shades and Tints of #ff322d

Tones of #ff322d

Color Blindness Simulator