#fd2f50 hex color

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

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

● #fd2f50 color description : Bright red.

The hexadecimal color #fd2f50 has RGB values of R:253, G:47, B:80 and CMYK values of C:0, M:0.81, Y:0.68, K:0.01. Its decimal value is 16592720.

Hex triplet	fd2f50	`#fd2f50`
RGB Decimal	253, 47, 80	`rgb(253,47,80)`
RGB Percent	99.2, 18.4, 31.4	`rgb(99.2%,18.4%,31.4%)`
CMYK	0, 81, 68, 1
HSL	350.4°, 98.1, 58.8	`hsl(350.4,98.1%,58.8%)`
HSV (or HSB)	350.4°, 81.4, 99.2
Web Safe	ff3366	`#ff3366`

CIE-LAB	55.584, 75.21, 33.601
XYZ	42.975, 23.5, 9.862
xyY	0.563, 0.308, 23.5
CIE-LCH	55.584, 82.375, 24.074
CIE-LUV	55.584, 149.262, 21.128
Hunter-Lab	48.477, 73.405, 21.872
Binary	11111101, 00101111, 01010000

#fd2f50
```
#fd2f50 rgb(253,47,80)
```
#2ffddc
```
#2ffddc rgb(47,253,220)
```

Complementary Color

#fd2fb7
```
#fd2fb7 rgb(253,47,183)
```
#fd2f50
```
#fd2f50 rgb(253,47,80)
```
#fd752f
```
#fd752f rgb(253,117,47)
```

Analogous Color

#2fb7fd
```
#2fb7fd rgb(47,183,253)
```
#fd2f50
```
#fd2f50 rgb(253,47,80)
```
#2ffd75
```
#2ffd75 rgb(47,253,117)
```

Split Complementary Color

#2f50fd
```
#2f50fd rgb(47,80,253)
```
#fd2f50
```
#fd2f50 rgb(253,47,80)
```
#50fd2f
```
#50fd2f rgb(80,253,47)
```

Triadic Color

#dc2ffd
```
#dc2ffd rgb(220,47,253)
```
#fd2f50
```
#fd2f50 rgb(253,47,80)
```
#50fd2f
```
#50fd2f rgb(80,253,47)
```
#2ffddc
```
#2ffddc rgb(47,253,220)
```

Tetradic Color

#dd0225
```
#dd0225 rgb(221,2,37)
```
#f70229
```
#f70229 rgb(247,2,41)
```
#fd163b
```
#fd163b rgb(253,22,59)
```
#fd2f50
```
#fd2f50 rgb(253,47,80)
```
#fd4865
```
#fd4865 rgb(253,72,101)
```
#fd627b
```
#fd627b rgb(253,98,123)
```
#fe7b90
```
#fe7b90 rgb(254,123,144)
```

Monochromatic Color

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

#fd2f84
```
#fd2f84 rgb(253,47,132)
```
#fd2f72
```
#fd2f72 rgb(253,47,114)
```
#fd2f61
```
#fd2f61 rgb(253,47,97)
```
#fd2f50
```
#fd2f50 rgb(253,47,80)
```
#fd2f3f
```
#fd2f3f rgb(253,47,63)
```
#fd302f
```
#fd302f rgb(253,48,47)
```
#fd422f
```
#fd422f rgb(253,66,47)
```

Similar Colors

Text with hexadecimal color #fd2f50

This text has a font color of #fd2f50.

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

#fd2f50 background color

This paragraph has a background color of #fd2f50.

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

#fd2f50 border color

This element has a border color of #fd2f50.

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

CSS codes

.text {color:#fd2f50;}

.background {background-color:#fd2f50;}

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

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)
```
#190004
```
#190004 rgb(25,0,4)
```
#2d0007
```
#2d0007 rgb(45,0,7)
```
#40010b
```
#40010b rgb(64,1,11)
```
#53010e
```
#53010e rgb(83,1,14)
```
#670111
```
#670111 rgb(103,1,17)
```
#7a0115
```
#7a0115 rgb(122,1,21)
```
#8e0118
```
#8e0118 rgb(142,1,24)
```
#a1021b
```
#a1021b rgb(161,2,27)
```
#b5021e
```
#b5021e rgb(181,2,30)
```
#c80222
```
#c80222 rgb(200,2,34)
```
#db0225
```
#db0225 rgb(219,2,37)
```
#ef0228
```
#ef0228 rgb(239,2,40)
```

Shade Color Variation

#fd082f
```
#fd082f rgb(253,8,47)
```
#fd1c40
```
#fd1c40 rgb(253,28,64)
```
#fd2f50
```
#fd2f50 rgb(253,47,80)
```
#fd4260
```
#fd4260 rgb(253,66,96)
```
#fd5671
```
#fd5671 rgb(253,86,113)
```
#fe6981
```
#fe6981 rgb(254,105,129)
```
#fe7d91
```
#fe7d91 rgb(254,125,145)
```
#fe90a2
```
#fe90a2 rgb(254,144,162)
```
#fea4b2
```
#fea4b2 rgb(254,164,178)
```
#feb7c2
```
#feb7c2 rgb(254,183,194)
```
#fecad3
```
#fecad3 rgb(254,202,211)
```
#ffdee3
```
#ffdee3 rgb(255,222,227)
```
#fff1f3
```
#fff1f3 rgb(255,241,243)
```

Tint Color Variation

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

#9c9092
```
#9c9092 rgb(156,144,146)
```
#a4888c
```
#a4888c rgb(164,136,140)
```
#ac8087
```
#ac8087 rgb(172,128,135)
```
#b47881
```
#b47881 rgb(180,120,129)
```
#bc707c
```
#bc707c rgb(188,112,124)
```
#c46876
```
#c46876 rgb(196,104,118)
```
#cd5f71
```
#cd5f71 rgb(205,95,113)
```
#d5576b
```
#d5576b rgb(213,87,107)
```
#dd4f66
```
#dd4f66 rgb(221,79,102)
```
#e54760
```
#e54760 rgb(229,71,96)
```
#ed3f5b
```
#ed3f5b rgb(237,63,91)
```
#f53755
```
#f53755 rgb(245,55,85)
```
#fd2f50
```
#fd2f50 rgb(253,47,80)
```

Tone Color Variation

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

Dichromacy

#938b74 Protanopia 1% of men
#a9854b Deuteranopia 1% of men
#fc3f40 Tritanopia 0.001% of the population

Trichromacy

#b96967 Protanomaly 1% of men, 0.01% of women
#c8654d Deuteranomaly 6% of men, 0.4% of women
#fc3945 Tritanomaly 0.01% of the population

#fd2f50 hex color

#fd2f50 Color Information

#fd2f50 Color Conversion

Color Schemes with #fd2f50

Alternatives to #fd2f50

#fd2f50 Preview

Shades and Tints of #fd2f50

Tones of #fd2f50

Color Blindness Simulator