#fd342f hex color

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

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

● #fd342f color description : Bright red.

The hexadecimal color #fd342f has RGB values of R:253, G:52, B:47 and CMYK values of C:0, M:0.79, Y:0.81, K:0.01. Its decimal value is 16593967.

Hex triplet	fd342f	`#fd342f`
RGB Decimal	253, 52, 47	`rgb(253,52,47)`
RGB Percent	99.2, 20.4, 18.4	`rgb(99.2%,20.4%,18.4%)`
CMYK	0, 79, 81, 1
HSL	1.5°, 98.1, 58.8	`hsl(1.5,98.1%,58.8%)`
HSV (or HSB)	1.5°, 81.4, 99.2
Web Safe	ff3333	`#ff3333`

CIE-LAB	55.634, 72.831, 51.839
XYZ	42.251, 23.549, 5.01
xyY	0.597, 0.333, 23.549
CIE-LCH	55.634, 89.395, 35.442
CIE-LUV	55.634, 154.662, 34.675
Hunter-Lab	48.527, 70.491, 27.848
Binary	11111101, 00110100, 00101111

#fd342f
```
#fd342f rgb(253,52,47)
```
#2ff8fd
```
#2ff8fd rgb(47,248,253)
```

Complementary Color

#fd2f91
```
#fd2f91 rgb(253,47,145)
```
#fd342f
```
#fd342f rgb(253,52,47)
```
#fd9b2f
```
#fd9b2f rgb(253,155,47)
```

Analogous Color

#2f91fd
```
#2f91fd rgb(47,145,253)
```
#fd342f
```
#fd342f rgb(253,52,47)
```
#2ffd9b
```
#2ffd9b rgb(47,253,155)
```

Split Complementary Color

#342ffd
```
#342ffd rgb(52,47,253)
```
#fd342f
```
#fd342f rgb(253,52,47)
```
#2ffd34
```
#2ffd34 rgb(47,253,52)
```

Triadic Color

#fd2ff8
```
#fd2ff8 rgb(253,47,248)
```
#fd342f
```
#fd342f rgb(253,52,47)
```
#2ffd34
```
#2ffd34 rgb(47,253,52)
```
#2ff8fd
```
#2ff8fd rgb(47,248,253)
```

Tetradic Color

#dd0702
```
#dd0702 rgb(221,7,2)
```
#f70802
```
#f70802 rgb(247,8,2)
```
#fd1b16
```
#fd1b16 rgb(253,27,22)
```
#fd342f
```
#fd342f rgb(253,52,47)
```
#fd4d48
```
#fd4d48 rgb(253,77,72)
```
#fd6562
```
#fd6562 rgb(253,101,98)
```
#fe7e7b
```
#fe7e7b rgb(254,126,123)
```

Monochromatic Color

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

#fd2f5e
```
#fd2f5e rgb(253,47,94)
```
#fd2f4c
```
#fd2f4c rgb(253,47,76)
```
#fd2f3b
```
#fd2f3b rgb(253,47,59)
```
#fd342f
```
#fd342f rgb(253,52,47)
```
#fd452f
```
#fd452f rgb(253,69,47)
```
#fd562f
```
#fd562f rgb(253,86,47)
```
#fd682f
```
#fd682f rgb(253,104,47)
```

Similar Colors

Text with hexadecimal color #fd342f

This text has a font color of #fd342f.

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

#fd342f background color

This paragraph has a background color of #fd342f.

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

#fd342f border color

This element has a border color of #fd342f.

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

CSS codes

.text {color:#fd342f;}

.background {background-color:#fd342f;}

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

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

#060000
```
#060000 rgb(6,0,0)
```
#190100
```
#190100 rgb(25,1,0)
```
#2d0200
```
#2d0200 rgb(45,2,0)
```
#400201
```
#400201 rgb(64,2,1)
```
#530301
```
#530301 rgb(83,3,1)
```
#670301
```
#670301 rgb(103,3,1)
```
#7a0401
```
#7a0401 rgb(122,4,1)
```
#8e0501
```
#8e0501 rgb(142,5,1)
```
#a10502
```
#a10502 rgb(161,5,2)
```
#b50602
```
#b50602 rgb(181,6,2)
```
#c80702
```
#c80702 rgb(200,7,2)
```
#db0702
```
#db0702 rgb(219,7,2)
```
#ef0802
```
#ef0802 rgb(239,8,2)
```

Shade Color Variation

#fd0e08
```
#fd0e08 rgb(253,14,8)
```
#fd211c
```
#fd211c rgb(253,33,28)
```
#fd342f
```
#fd342f rgb(253,52,47)
```
#fd4742
```
#fd4742 rgb(253,71,66)
```
#fd5a56
```
#fd5a56 rgb(253,90,86)
```
#fe6d69
```
#fe6d69 rgb(254,109,105)
```
#fe807d
```
#fe807d rgb(254,128,125)
```
#fe9390
```
#fe9390 rgb(254,147,144)
```
#fea6a4
```
#fea6a4 rgb(254,166,164)
```
#feb9b7
```
#feb9b7 rgb(254,185,183)
```
#feccca
```
#feccca rgb(254,204,202)
```
#ffdfde
```
#ffdfde rgb(255,223,222)
```
#fff2f1
```
#fff2f1 rgb(255,242,241)
```

Tint Color Variation

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

#9c9090
```
#9c9090 rgb(156,144,144)
```
#a48988
```
#a48988 rgb(164,137,136)
```
#ac8180
```
#ac8180 rgb(172,129,128)
```
#b47978
```
#b47978 rgb(180,121,120)
```
#bc7170
```
#bc7170 rgb(188,113,112)
```
#c46a68
```
#c46a68 rgb(196,106,104)
```
#cd625f
```
#cd625f rgb(205,98,95)
```
#d55a57
```
#d55a57 rgb(213,90,87)
```
#dd534f
```
#dd534f rgb(221,83,79)
```
#e54b47
```
#e54b47 rgb(229,75,71)
```
#ed433f
```
#ed433f rgb(237,67,63)
```
#f53c37
```
#f53c37 rgb(245,60,55)
```
#fd342f
```
#fd342f rgb(253,52,47)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#8c6463 Atypical Achromatopsia 0.001% of the population

Dichromacy

#998b4d Protanopia 1% of men
#ad8426 Deuteranopia 1% of men
#fd3d3e Tritanopia 0.001% of the population

Trichromacy

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

#fd342f hex color

#fd342f Color Information

#fd342f Color Conversion

Color Schemes with #fd342f

Alternatives to #fd342f

#fd342f Preview

Shades and Tints of #fd342f

Tones of #fd342f

Color Blindness Simulator