#fd2f54 hex color

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

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

● #fd2f54 color description : Bright red.

The hexadecimal color #fd2f54 has RGB values of R:253, G:47, B:84 and CMYK values of C:0, M:0.81, Y:0.67, K:0.01. Its decimal value is 16592724.

Hex triplet	fd2f54	`#fd2f54`
RGB Decimal	253, 47, 84	`rgb(253,47,84)`
RGB Percent	99.2, 18.4, 32.9	`rgb(99.2%,18.4%,32.9%)`
CMYK	0, 81, 67, 1
HSL	349.2°, 98.1, 58.8	`hsl(349.2,98.1%,58.8%)`
HSV (or HSB)	349.2°, 81.4, 99.2
Web Safe	ff3366	`#ff3366`

CIE-LAB	55.646, 75.396, 31.337
XYZ	43.127, 23.561, 10.664
xyY	0.558, 0.305, 23.561
CIE-LCH	55.646, 81.649, 22.569
CIE-LUV	55.646, 148.087, 19.162
Hunter-Lab	48.54, 73.65, 20.952
Binary	11111101, 00101111, 01010100

#fd2f54
```
#fd2f54 rgb(253,47,84)
```
#2ffdd8
```
#2ffdd8 rgb(47,253,216)
```

Complementary Color

#fd2fbb
```
#fd2fbb rgb(253,47,187)
```
#fd2f54
```
#fd2f54 rgb(253,47,84)
```
#fd712f
```
#fd712f rgb(253,113,47)
```

Analogous Color

#2fbbfd
```
#2fbbfd rgb(47,187,253)
```
#fd2f54
```
#fd2f54 rgb(253,47,84)
```
#2ffd71
```
#2ffd71 rgb(47,253,113)
```

Split Complementary Color

#2f54fd
```
#2f54fd rgb(47,84,253)
```
#fd2f54
```
#fd2f54 rgb(253,47,84)
```
#54fd2f
```
#54fd2f rgb(84,253,47)
```

Triadic Color

#d82ffd
```
#d82ffd rgb(216,47,253)
```
#fd2f54
```
#fd2f54 rgb(253,47,84)
```
#54fd2f
```
#54fd2f rgb(84,253,47)
```
#2ffdd8
```
#2ffdd8 rgb(47,253,216)
```

Tetradic Color

#dd022a
```
#dd022a rgb(221,2,42)
```
#f7022e
```
#f7022e rgb(247,2,46)
```
#fd163f
```
#fd163f rgb(253,22,63)
```
#fd2f54
```
#fd2f54 rgb(253,47,84)
```
#fd4869
```
#fd4869 rgb(253,72,105)
```
#fd627e
```
#fd627e rgb(253,98,126)
```
#fe7b92
```
#fe7b92 rgb(254,123,146)
```

Monochromatic Color

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

#fd2f88
```
#fd2f88 rgb(253,47,136)
```
#fd2f76
```
#fd2f76 rgb(253,47,118)
```
#fd2f65
```
#fd2f65 rgb(253,47,101)
```
#fd2f54
```
#fd2f54 rgb(253,47,84)
```
#fd2f43
```
#fd2f43 rgb(253,47,67)
```
#fd2f32
```
#fd2f32 rgb(253,47,50)
```
#fd3e2f
```
#fd3e2f rgb(253,62,47)
```

Similar Colors

Text with hexadecimal color #fd2f54

This text has a font color of #fd2f54.

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

#fd2f54 background color

This paragraph has a background color of #fd2f54.

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

#fd2f54 border color

This element has a border color of #fd2f54.

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

CSS codes

.text {color:#fd2f54;}

.background {background-color:#fd2f54;}

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

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

#060001
```
#060001 rgb(6,0,1)
```
#190005
```
#190005 rgb(25,0,5)
```
#2d0008
```
#2d0008 rgb(45,0,8)
```
#40010c
```
#40010c rgb(64,1,12)
```
#530110
```
#530110 rgb(83,1,16)
```
#670113
```
#670113 rgb(103,1,19)
```
#7a0117
```
#7a0117 rgb(122,1,23)
```
#8e011b
```
#8e011b rgb(142,1,27)
```
#a1021e
```
#a1021e rgb(161,2,30)
```
#b50222
```
#b50222 rgb(181,2,34)
```
#c80226
```
#c80226 rgb(200,2,38)
```
#db0229
```
#db0229 rgb(219,2,41)
```
#ef022d
```
#ef022d rgb(239,2,45)
```

Shade Color Variation

#fd0834
```
#fd0834 rgb(253,8,52)
```
#fd1c44
```
#fd1c44 rgb(253,28,68)
```
#fd2f54
```
#fd2f54 rgb(253,47,84)
```
#fd4264
```
#fd4264 rgb(253,66,100)
```
#fd5674
```
#fd5674 rgb(253,86,116)
```
#fe6984
```
#fe6984 rgb(254,105,132)
```
#fe7d94
```
#fe7d94 rgb(254,125,148)
```
#fe90a4
```
#fe90a4 rgb(254,144,164)
```
#fea4b4
```
#fea4b4 rgb(254,164,180)
```
#feb7c4
```
#feb7c4 rgb(254,183,196)
```
#fecad4
```
#fecad4 rgb(254,202,212)
```
#ffdee4
```
#ffdee4 rgb(255,222,228)
```
#fff1f4
```
#fff1f4 rgb(255,241,244)
```

Tint Color Variation

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

#9c9092
```
#9c9092 rgb(156,144,146)
```
#a4888d
```
#a4888d rgb(164,136,141)
```
#ac8088
```
#ac8088 rgb(172,128,136)
```
#b47883
```
#b47883 rgb(180,120,131)
```
#bc707d
```
#bc707d rgb(188,112,125)
```
#c46878
```
#c46878 rgb(196,104,120)
```
#cd5f73
```
#cd5f73 rgb(205,95,115)
```
#d5576e
```
#d5576e rgb(213,87,110)
```
#dd4f69
```
#dd4f69 rgb(221,79,105)
```
#e54764
```
#e54764 rgb(229,71,100)
```
#ed3f5e
```
#ed3f5e rgb(237,63,94)
```
#f53759
```
#f53759 rgb(245,55,89)
```
#fd2f54
```
#fd2f54 rgb(253,47,84)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#8d646b Atypical Achromatopsia 0.001% of the population

Dichromacy

#928b78 Protanopia 1% of men
#a9854f Deuteranopia 1% of men
#fc3f41 Tritanopia 0.001% of the population

Trichromacy

#b9696b Protanomaly 1% of men, 0.01% of women
#c76651 Deuteranomaly 6% of men, 0.4% of women
#fc3947 Tritanomaly 0.01% of the population

#fd2f54 hex color

#fd2f54 Color Information

#fd2f54 Color Conversion

Color Schemes with #fd2f54

Alternatives to #fd2f54

#fd2f54 Preview

Shades and Tints of #fd2f54

Tones of #fd2f54

Color Blindness Simulator