#fd342d hex color

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

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

● #fd342d color description : Bright red.

The hexadecimal color #fd342d has RGB values of R:253, G:52, B:45 and CMYK values of C:0, M:0.79, Y:0.82, K:0.01. Its decimal value is 16593965.

Hex triplet	fd342d	`#fd342d`
RGB Decimal	253, 52, 45	`rgb(253,52,45)`
RGB Percent	99.2, 20.4, 17.6	`rgb(99.2%,20.4%,17.6%)`
CMYK	0, 79, 82, 1
HSL	2°, 98.1, 58.4	`hsl(2,98.1%,58.4%)`
HSV (or HSB)	2°, 82.2, 99.2
Web Safe	ff3333	`#ff3333`

CIE-LAB	55.618, 72.781, 52.815
XYZ	42.212, 23.533, 4.802
xyY	0.598, 0.334, 23.533
CIE-LCH	55.618, 89.925, 35.968
CIE-LUV	55.618, 154.992, 35.233
Hunter-Lab	48.511, 70.426, 28.089
Binary	11111101, 00110100, 00101101

#fd342d
```
#fd342d rgb(253,52,45)
```
#2df6fd
```
#2df6fd rgb(45,246,253)
```

Complementary Color

#fd2d8e
```
#fd2d8e rgb(253,45,142)
```
#fd342d
```
#fd342d rgb(253,52,45)
```
#fd9c2d
```
#fd9c2d rgb(253,156,45)
```

Analogous Color

#2d8efd
```
#2d8efd rgb(45,142,253)
```
#fd342d
```
#fd342d rgb(253,52,45)
```
#2dfd9c
```
#2dfd9c rgb(45,253,156)
```

Split Complementary Color

#342dfd
```
#342dfd rgb(52,45,253)
```
#fd342d
```
#fd342d rgb(253,52,45)
```
#2dfd34
```
#2dfd34 rgb(45,253,52)
```

Triadic Color

#fd2df6
```
#fd2df6 rgb(253,45,246)
```
#fd342d
```
#fd342d rgb(253,52,45)
```
#2dfd34
```
#2dfd34 rgb(45,253,52)
```
#2df6fd
```
#2df6fd rgb(45,246,253)
```

Tetradic Color

#db0902
```
#db0902 rgb(219,9,2)
```
#f50a02
```
#f50a02 rgb(245,10,2)
```
#fd1c14
```
#fd1c14 rgb(253,28,20)
```
#fd342d
```
#fd342d rgb(253,52,45)
```
#fd4c46
```
#fd4c46 rgb(253,76,70)
```
#fd6560
```
#fd6560 rgb(253,101,96)
```
#fe7d79
```
#fe7d79 rgb(254,125,121)
```

Monochromatic Color

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

#fd2d5a
```
#fd2d5a rgb(253,45,90)
```
#fd2d49
```
#fd2d49 rgb(253,45,73)
```
#fd2d37
```
#fd2d37 rgb(253,45,55)
```
#fd342d
```
#fd342d rgb(253,52,45)
```
#fd452d
```
#fd452d rgb(253,69,45)
```
#fd572d
```
#fd572d rgb(253,87,45)
```
#fd682d
```
#fd682d rgb(253,104,45)
```

Similar Colors

Text with hexadecimal color #fd342d

This text has a font color of #fd342d.

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

#fd342d background color

This paragraph has a background color of #fd342d.

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

#fd342d border color

This element has a border color of #fd342d.

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

CSS codes

.text {color:#fd342d;}

.background {background-color:#fd342d;}

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

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)
```
#2b0200
```
#2b0200 rgb(43,2,0)
```
#3e0301
```
#3e0301 rgb(62,3,1)
```
#510301
```
#510301 rgb(81,3,1)
```
#650401
```
#650401 rgb(101,4,1)
```
#780501
```
#780501 rgb(120,5,1)
```
#8c0601
```
#8c0601 rgb(140,6,1)
```
#9f0702
```
#9f0702 rgb(159,7,2)
```
#b30802
```
#b30802 rgb(179,8,2)
```
#c60802
```
#c60802 rgb(198,8,2)
```
#d90902
```
#d90902 rgb(217,9,2)
```
#ed0a02
```
#ed0a02 rgb(237,10,2)
```

Shade Color Variation

#fd0e06
```
#fd0e06 rgb(253,14,6)
```
#fd211a
```
#fd211a rgb(253,33,26)
```
#fd342d
```
#fd342d rgb(253,52,45)
```
#fd4740
```
#fd4740 rgb(253,71,64)
```
#fd5a54
```
#fd5a54 rgb(253,90,84)
```
#fe6c67
```
#fe6c67 rgb(254,108,103)
```
#fe7f7b
```
#fe7f7b rgb(254,127,123)
```
#fe928e
```
#fe928e rgb(254,146,142)
```
#fea5a2
```
#fea5a2 rgb(254,165,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 #fd342d is the most saturated one.

#9b8f8f
```
#9b8f8f rgb(155,143,143)
```
#a38887
```
#a38887 rgb(163,136,135)
```
#ab807f
```
#ab807f rgb(171,128,127)
```
#b47876
```
#b47876 rgb(180,120,118)
```
#bc716e
```
#bc716e rgb(188,113,110)
```
#c46966
```
#c46966 rgb(196,105,102)
```
#cc625e
```
#cc625e rgb(204,98,94)
```
#d45a56
```
#d45a56 rgb(212,90,86)
```
#dc524e
```
#dc524e rgb(220,82,78)
```
#e54b45
```
#e54b45 rgb(229,75,69)
```
#ed433d
```
#ed433d rgb(237,67,61)
```
#f53c35
```
#f53c35 rgb(245,60,53)
```
#fd342d
```
#fd342d rgb(253,52,45)
```

Tone Color Variation

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

Dichromacy

#998b4b Protanopia 1% of men
#ad8423 Deuteranopia 1% of men
#fd3d3e Tritanopia 0.001% of the population

Trichromacy

#bd6b40 Protanomaly 1% of men, 0.01% of women
#ca6726 Deuteranomaly 6% of men, 0.4% of women
#fd3a38 Tritanomaly 0.01% of the population

#fd342d hex color

#fd342d Color Information

#fd342d Color Conversion

Color Schemes with #fd342d

Alternatives to #fd342d

#fd342d Preview

Shades and Tints of #fd342d

Tones of #fd342d

Color Blindness Simulator