#fd3a42 hex color

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

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

● #fd3a42 color description : Bright red.

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

Hex triplet	fd3a42	`#fd3a42`
RGB Decimal	253, 58, 66	`rgb(253,58,66)`
RGB Percent	99.2, 22.7, 25.9	`rgb(99.2%,22.7%,25.9%)`
CMYK	0, 77, 74, 1
HSL	357.5°, 98, 61	`hsl(357.5,98%,61%)`
HSV (or HSB)	357.5°, 77.1, 99.2
Web Safe	ff3333	`#ff3333`

CIE-LAB	56.394, 71.812, 42.538
XYZ	43.007, 24.307, 7.581
xyY	0.574, 0.325, 24.307
CIE-LCH	56.394, 83.466, 30.641
CIE-LUV	56.394, 148.007, 29.322
Hunter-Lab	49.302, 69.426, 25.395
Binary	11111101, 00111010, 01000010

#fd3a42
```
#fd3a42 rgb(253,58,66)
```
#3afdf5
```
#3afdf5 rgb(58,253,245)
```

Complementary Color

#fd3aa4
```
#fd3aa4 rgb(253,58,164)
```
#fd3a42
```
#fd3a42 rgb(253,58,66)
```
#fd943a
```
#fd943a rgb(253,148,58)
```

Analogous Color

#3aa4fd
```
#3aa4fd rgb(58,164,253)
```
#fd3a42
```
#fd3a42 rgb(253,58,66)
```
#3afd94
```
#3afd94 rgb(58,253,148)
```

Split Complementary Color

#3a42fd
```
#3a42fd rgb(58,66,253)
```
#fd3a42
```
#fd3a42 rgb(253,58,66)
```
#42fd3a
```
#42fd3a rgb(66,253,58)
```

Triadic Color

#f53afd
```
#f53afd rgb(245,58,253)
```
#fd3a42
```
#fd3a42 rgb(253,58,66)
```
#42fd3a
```
#42fd3a rgb(66,253,58)
```
#3afdf5
```
#3afdf5 rgb(58,253,245)
```

Tetradic Color

#e8020c
```
#e8020c rgb(232,2,12)
```
#fc0812
```
#fc0812 rgb(252,8,18)
```
#fd212a
```
#fd212a rgb(253,33,42)
```
#fd3a42
```
#fd3a42 rgb(253,58,66)
```
#fd535a
```
#fd535a rgb(253,83,90)
```
#fe6c72
```
#fe6c72 rgb(254,108,114)
```
#fe868b
```
#fe868b rgb(254,134,139)
```

Monochromatic Color

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

#fd3a73
```
#fd3a73 rgb(253,58,115)
```
#fd3a63
```
#fd3a63 rgb(253,58,99)
```
#fd3a52
```
#fd3a52 rgb(253,58,82)
```
#fd3a42
```
#fd3a42 rgb(253,58,66)
```
#fd423a
```
#fd423a rgb(253,66,58)
```
#fd523a
```
#fd523a rgb(253,82,58)
```
#fd633a
```
#fd633a rgb(253,99,58)
```

Similar Colors

Text with hexadecimal color #fd3a42

This text has a font color of #fd3a42.

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

#fd3a42 background color

This paragraph has a background color of #fd3a42.

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

#fd3a42 border color

This element has a border color of #fd3a42.

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

CSS codes

.text {color:#fd3a42;}

.background {background-color:#fd3a42;}

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

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

#110001
```
#110001 rgb(17,0,1)
```
#240002
```
#240002 rgb(36,0,2)
```
#370103
```
#370103 rgb(55,1,3)
```
#4b0104
```
#4b0104 rgb(75,1,4)
```
#5e0105
```
#5e0105 rgb(94,1,5)
```
#720106
```
#720106 rgb(114,1,6)
```
#850107
```
#850107 rgb(133,1,7)
```
#990208
```
#990208 rgb(153,2,8)
```
#ac0209
```
#ac0209 rgb(172,2,9)
```
#bf020a
```
#bf020a rgb(191,2,10)
```
#d3020b
```
#d3020b rgb(211,2,11)
```
#e6020c
```
#e6020c rgb(230,2,12)
```
#fa030d
```
#fa030d rgb(250,3,13)
```

Shade Color Variation

#fd131d
```
#fd131d rgb(253,19,29)
```
#fd272f
```
#fd272f rgb(253,39,47)
```
#fd3a42
```
#fd3a42 rgb(253,58,66)
```
#fd4d55
```
#fd4d55 rgb(253,77,85)
```
#fd6167
```
#fd6167 rgb(253,97,103)
```
#fe747a
```
#fe747a rgb(254,116,122)
```
#fe888d
```
#fe888d rgb(254,136,141)
```
#fe9b9f
```
#fe9b9f rgb(254,155,159)
```
#feafb2
```
#feafb2 rgb(254,175,178)
```
#fec2c4
```
#fec2c4 rgb(254,194,196)
```
#ffd5d7
```
#ffd5d7 rgb(255,213,215)
```
#ffe9ea
```
#ffe9ea rgb(255,233,234)
```
#fffcfc
```
#fffcfc rgb(255,252,252)
```

Tint Color Variation

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

#a19696
```
#a19696 rgb(161,150,150)
```
#a98e8f
```
#a98e8f rgb(169,142,143)
```
#b08788
```
#b08788 rgb(176,135,136)
```
#b87f81
```
#b87f81 rgb(184,127,129)
```
#c0777a
```
#c0777a rgb(192,119,122)
```
#c77073
```
#c77073 rgb(199,112,115)
```
#cf686c
```
#cf686c rgb(207,104,108)
```
#d76065
```
#d76065 rgb(215,96,101)
```
#de595e
```
#de595e rgb(222,89,94)
```
#e65157
```
#e65157 rgb(230,81,87)
```
#ee4950
```
#ee4950 rgb(238,73,80)
```
#f54249
```
#f54249 rgb(245,66,73)
```
#fd3a42
```
#fd3a42 rgb(253,58,66)
```

Tone Color Variation

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

#988d61 Protanopia 1% of men
#ae863d Deuteranopia 1% of men
#fc4546 Tritanopia 0.001% of the population

Trichromacy

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

#fd3a42 hex color

#fd3a42 Color Information

#fd3a42 Color Conversion

Color Schemes with #fd3a42

Alternatives to #fd3a42

#fd3a42 Preview

Shades and Tints of #fd3a42

Tones of #fd3a42

Color Blindness Simulator