#fd3942 hex color

In a RGB color space, hex #fd3942 is composed of 99.2% red, 22.4% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.5% magenta, 73.9% yellow and 0.8% black. It has a hue angle of 357.2 degrees, a saturation of 98% and a lightness of 60.8%. #fd3942 color hex could be obtained by blending #ff7284 with #fb0000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 99
- G 22
- B 26
RGB color chart
- C 0
- M 77
- Y 74
- K 1
CMYK color chart

● #fd3942 color description : Bright red.

The hexadecimal color #fd3942 has RGB values of R:253, G:57, B:66 and CMYK values of C:0, M:0.77, Y:0.74, K:0.01. Its decimal value is 16595266.

Hex triplet	fd3942	`#fd3942`
RGB Decimal	253, 57, 66	`rgb(253,57,66)`
RGB Percent	99.2, 22.4, 25.9	`rgb(99.2%,22.4%,25.9%)`
CMYK	0, 77, 74, 1
HSL	357.2°, 98, 60.8	`hsl(357.2,98%,60.8%)`
HSV (or HSB)	357.2°, 77.5, 99.2
Web Safe	ff3333	`#ff3333`

CIE-LAB	56.295, 72.091, 42.427
XYZ	42.957, 24.207, 7.565
xyY	0.575, 0.324, 24.207
CIE-LCH	56.295, 83.65, 30.478
CIE-LUV	56.295, 148.496, 29.123
Hunter-Lab	49.201, 69.743, 25.325
Binary	11111101, 00111001, 01000010

#fd3942
```
#fd3942 rgb(253,57,66)
```
#39fdf4
```
#39fdf4 rgb(57,253,244)
```

Complementary Color

#fd39a4
```
#fd39a4 rgb(253,57,164)
```
#fd3942
```
#fd3942 rgb(253,57,66)
```
#fd9239
```
#fd9239 rgb(253,146,57)
```

Analogous Color

#39a4fd
```
#39a4fd rgb(57,164,253)
```
#fd3942
```
#fd3942 rgb(253,57,66)
```
#39fd92
```
#39fd92 rgb(57,253,146)
```

Split Complementary Color

#3942fd
```
#3942fd rgb(57,66,253)
```
#fd3942
```
#fd3942 rgb(253,57,66)
```
#42fd39
```
#42fd39 rgb(66,253,57)
```

Triadic Color

#f439fd
```
#f439fd rgb(244,57,253)
```
#fd3942
```
#fd3942 rgb(253,57,66)
```
#42fd39
```
#42fd39 rgb(66,253,57)
```
#39fdf4
```
#39fdf4 rgb(57,253,244)
```

Tetradic Color

#e7020d
```
#e7020d rgb(231,2,13)
```
#fc0712
```
#fc0712 rgb(252,7,18)
```
#fd202a
```
#fd202a rgb(253,32,42)
```
#fd3942
```
#fd3942 rgb(253,57,66)
```
#fd525a
```
#fd525a rgb(253,82,90)
```
#fe6b72
```
#fe6b72 rgb(254,107,114)
```
#fe858a
```
#fe858a rgb(254,133,138)
```

Monochromatic Color

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

#fd3973
```
#fd3973 rgb(253,57,115)
```
#fd3963
```
#fd3963 rgb(253,57,99)
```
#fd3952
```
#fd3952 rgb(253,57,82)
```
#fd3942
```
#fd3942 rgb(253,57,66)
```
#fd4039
```
#fd4039 rgb(253,64,57)
```
#fd5139
```
#fd5139 rgb(253,81,57)
```
#fd6139
```
#fd6139 rgb(253,97,57)
```

Similar Colors

Text with hexadecimal color #fd3942

This text has a font color of #fd3942.

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

#fd3942 background color

This paragraph has a background color of #fd3942.

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

#fd3942 border color

This element has a border color of #fd3942.

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

CSS codes

.text {color:#fd3942;}

.background {background-color:#fd3942;}

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

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

#100001
```
#100001 rgb(16,0,1)
```
#230002
```
#230002 rgb(35,0,2)
```
#360103
```
#360103 rgb(54,1,3)
```
#4a0104
```
#4a0104 rgb(74,1,4)
```
#5d0105
```
#5d0105 rgb(93,1,5)
```
#710106
```
#710106 rgb(113,1,6)
```
#840107
```
#840107 rgb(132,1,7)
```
#980208
```
#980208 rgb(152,2,8)
```
#ab0209
```
#ab0209 rgb(171,2,9)
```
#be020b
```
#be020b rgb(190,2,11)
```
#d2020c
```
#d2020c rgb(210,2,12)
```
#e5020d
```
#e5020d rgb(229,2,13)
```
#f9030e
```
#f9030e rgb(249,3,14)
```

Shade Color Variation

#fd121d
```
#fd121d rgb(253,18,29)
```
#fd262f
```
#fd262f rgb(253,38,47)
```
#fd3942
```
#fd3942 rgb(253,57,66)
```
#fd4c55
```
#fd4c55 rgb(253,76,85)
```
#fd6067
```
#fd6067 rgb(253,96,103)
```
#fe737a
```
#fe737a rgb(254,115,122)
```
#fe878c
```
#fe878c rgb(254,135,140)
```
#fe9a9f
```
#fe9a9f rgb(254,154,159)
```
#feaeb1
```
#feaeb1 rgb(254,174,177)
```
#fec1c4
```
#fec1c4 rgb(254,193,196)
```
#ffd4d6
```
#ffd4d6 rgb(255,212,214)
```
#ffe8e9
```
#ffe8e9 rgb(255,232,233)
```
#fffbfb
```
#fffbfb rgb(255,251,251)
```

Tint Color Variation

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

#a19596
```
#a19596 rgb(161,149,150)
```
#a88e8f
```
#a88e8f rgb(168,142,143)
```
#b08688
```
#b08688 rgb(176,134,136)
```
#b87e81
```
#b87e81 rgb(184,126,129)
```
#bf777a
```
#bf777a rgb(191,119,122)
```
#c76f73
```
#c76f73 rgb(199,111,115)
```
#cf676c
```
#cf676c rgb(207,103,108)
```
#d75f65
```
#d75f65 rgb(215,95,101)
```
#de585e
```
#de585e rgb(222,88,94)
```
#e65057
```
#e65057 rgb(230,80,87)
```
#ee4850
```
#ee4850 rgb(238,72,80)
```
#f54149
```
#f54149 rgb(245,65,73)
```
#fd3942
```
#fd3942 rgb(253,57,66)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#90696b Atypical Achromatopsia 0.001% of the population

Dichromacy

#988d62 Protanopia 1% of men
#ad863d Deuteranopia 1% of men
#fc4446 Tritanopia 0.001% of the population

Trichromacy

#bd6e56 Protanomaly 1% of men, 0.01% of women
#ca6a3f Deuteranomaly 6% of men, 0.4% of women
#fc4044 Tritanomaly 0.01% of the population

#fd3942 hex color

#fd3942 Color Information

#fd3942 Color Conversion

Color Schemes with #fd3942

Alternatives to #fd3942

#fd3942 Preview

Shades and Tints of #fd3942

Tones of #fd3942

Color Blindness Simulator