#fd2f42 hex color

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

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

● #fd2f42 color description : Bright red.

The hexadecimal color #fd2f42 has RGB values of R:253, G:47, B:66 and CMYK values of C:0, M:0.81, Y:0.74, K:0.01. Its decimal value is 16592706.

Hex triplet	fd2f42	`#fd2f42`
RGB Decimal	253, 47, 66	`rgb(253,47,66)`
RGB Percent	99.2, 18.4, 25.9	`rgb(99.2%,18.4%,25.9%)`
CMYK	0, 81, 74, 1
HSL	354.5°, 98.1, 58.8	`hsl(354.5,98.1%,58.8%)`
HSV (or HSB)	354.5°, 81.4, 99.2
Web Safe	ff3333	`#ff3333`

CIE-LAB	55.395, 74.638, 41.418
XYZ	42.51, 23.314, 7.416
xyY	0.58, 0.318, 23.314
CIE-LCH	55.395, 85.36, 29.027
CIE-LUV	55.395, 152.968, 27.307
Hunter-Lab	48.285, 72.653, 24.693
Binary	11111101, 00101111, 01000010

#fd2f42
```
#fd2f42 rgb(253,47,66)
```
#2ffdea
```
#2ffdea rgb(47,253,234)
```

Complementary Color

#fd2fa9
```
#fd2fa9 rgb(253,47,169)
```
#fd2f42
```
#fd2f42 rgb(253,47,66)
```
#fd832f
```
#fd832f rgb(253,131,47)
```

Analogous Color

#2fa9fd
```
#2fa9fd rgb(47,169,253)
```
#fd2f42
```
#fd2f42 rgb(253,47,66)
```
#2ffd83
```
#2ffd83 rgb(47,253,131)
```

Split Complementary Color

#2f42fd
```
#2f42fd rgb(47,66,253)
```
#fd2f42
```
#fd2f42 rgb(253,47,66)
```
#42fd2f
```
#42fd2f rgb(66,253,47)
```

Triadic Color

#ea2ffd
```
#ea2ffd rgb(234,47,253)
```
#fd2f42
```
#fd2f42 rgb(253,47,66)
```
#42fd2f
```
#42fd2f rgb(66,253,47)
```
#2ffdea
```
#2ffdea rgb(47,253,234)
```

Tetradic Color

#dd0216
```
#dd0216 rgb(221,2,22)
```
#f70219
```
#f70219 rgb(247,2,25)
```
#fd162b
```
#fd162b rgb(253,22,43)
```
#fd2f42
```
#fd2f42 rgb(253,47,66)
```
#fd4859
```
#fd4859 rgb(253,72,89)
```
#fd6270
```
#fd6270 rgb(253,98,112)
```
#fe7b87
```
#fe7b87 rgb(254,123,135)
```

Monochromatic Color

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

#fd2f76
```
#fd2f76 rgb(253,47,118)
```
#fd2f64
```
#fd2f64 rgb(253,47,100)
```
#fd2f53
```
#fd2f53 rgb(253,47,83)
```
#fd2f42
```
#fd2f42 rgb(253,47,66)
```
#fd2f31
```
#fd2f31 rgb(253,47,49)
```
#fd3e2f
```
#fd3e2f rgb(253,62,47)
```
#fd502f
```
#fd502f rgb(253,80,47)
```

Similar Colors

Text with hexadecimal color #fd2f42

This text has a font color of #fd2f42.

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

#fd2f42 background color

This paragraph has a background color of #fd2f42.

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

#fd2f42 border color

This element has a border color of #fd2f42.

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

CSS codes

.text {color:#fd2f42;}

.background {background-color:#fd2f42;}

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

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

#060001
```
#060001 rgb(6,0,1)
```
#190003
```
#190003 rgb(25,0,3)
```
#2d0004
```
#2d0004 rgb(45,0,4)
```
#400106
```
#400106 rgb(64,1,6)
```
#530108
```
#530108 rgb(83,1,8)
```
#67010a
```
#67010a rgb(103,1,10)
```
#7a010c
```
#7a010c rgb(122,1,12)
```
#8e010e
```
#8e010e rgb(142,1,14)
```
#a10210
```
#a10210 rgb(161,2,16)
```
#b50212
```
#b50212 rgb(181,2,18)
```
#c80214
```
#c80214 rgb(200,2,20)
```
#db0216
```
#db0216 rgb(219,2,22)
```
#ef0218
```
#ef0218 rgb(239,2,24)
```

Shade Color Variation

#fd081f
```
#fd081f rgb(253,8,31)
```
#fd1c30
```
#fd1c30 rgb(253,28,48)
```
#fd2f42
```
#fd2f42 rgb(253,47,66)
```
#fd4254
```
#fd4254 rgb(253,66,84)
```
#fd5665
```
#fd5665 rgb(253,86,101)
```
#fe6977
```
#fe6977 rgb(254,105,119)
```
#fe7d89
```
#fe7d89 rgb(254,125,137)
```
#fe909a
```
#fe909a rgb(254,144,154)
```
#fea4ac
```
#fea4ac rgb(254,164,172)
```
#feb7be
```
#feb7be rgb(254,183,190)
```
#fecacf
```
#fecacf rgb(254,202,207)
```
#ffdee1
```
#ffdee1 rgb(255,222,225)
```
#fff1f3
```
#fff1f3 rgb(255,241,243)
```

Tint Color Variation

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

#9c9091
```
#9c9091 rgb(156,144,145)
```
#a4888a
```
#a4888a rgb(164,136,138)
```
#ac8084
```
#ac8084 rgb(172,128,132)
```
#b4787d
```
#b4787d rgb(180,120,125)
```
#bc7077
```
#bc7077 rgb(188,112,119)
```
#c46870
```
#c46870 rgb(196,104,112)
```
#cd5f6a
```
#cd5f6a rgb(205,95,106)
```
#d55763
```
#d55763 rgb(213,87,99)
```
#dd4f5c
```
#dd4f5c rgb(221,79,92)
```
#e54756
```
#e54756 rgb(229,71,86)
```
#ed3f4f
```
#ed3f4f rgb(237,63,79)
```
#f53749
```
#f53749 rgb(245,55,73)
```
#fd2f42
```
#fd2f42 rgb(253,47,66)
```

Tone Color Variation

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

Dichromacy

#958a63 Protanopia 1% of men
#ab843d Deuteranopia 1% of men
#fc3c3d Tritanopia 0.001% of the population

Trichromacy

#bb6957 Protanomaly 1% of men, 0.01% of women
#c8653e Deuteranomaly 6% of men, 0.4% of women
#fc373e Tritanomaly 0.01% of the population

#fd2f42 hex color

#fd2f42 Color Information

#fd2f42 Color Conversion

Color Schemes with #fd2f42

Alternatives to #fd2f42

#fd2f42 Preview

Shades and Tints of #fd2f42

Tones of #fd2f42

Color Blindness Simulator