#fd4150 hex color

In a RGB color space, hex #fd4150 is composed of 99.2% red, 25.5% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.3% magenta, 68.4% yellow and 0.8% black. It has a hue angle of 355.2 degrees, a saturation of 97.9% and a lightness of 62.4%. #fd4150 color hex could be obtained by blending #ff82a0 with #fb0000. Closest websafe color is: #ff3366.

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

● #fd4150 color description : Bright red.

The hexadecimal color #fd4150 has RGB values of R:253, G:65, B:80 and CMYK values of C:0, M:0.74, Y:0.68, K:0.01. Its decimal value is 16597328.

Hex triplet	fd4150	`#fd4150`
RGB Decimal	253, 65, 80	`rgb(253,65,80)`
RGB Percent	99.2, 25.5, 31.4	`rgb(99.2%,25.5%,31.4%)`
CMYK	0, 74, 68, 1
HSL	355.2°, 97.9, 62.4	`hsl(355.2,97.9%,62.4%)`
HSV (or HSB)	355.2°, 74.3, 99.2
Web Safe	ff3366	`#ff3366`

CIE-LAB	57.316, 70.328, 35.712
XYZ	43.848, 25.248, 10.153
xyY	0.553, 0.319, 25.248
CIE-LCH	57.316, 78.875, 26.921
CIE-LUV	57.316, 141.065, 24.772
Hunter-Lab	50.247, 67.837, 23.192
Binary	11111101, 01000001, 01010000

#fd4150
```
#fd4150 rgb(253,65,80)
```
#41fdee
```
#41fdee rgb(65,253,238)
```

Complementary Color

#fd41ae
```
#fd41ae rgb(253,65,174)
```
#fd4150
```
#fd4150 rgb(253,65,80)
```
#fd9041
```
#fd9041 rgb(253,144,65)
```

Analogous Color

#41aefd
```
#41aefd rgb(65,174,253)
```
#fd4150
```
#fd4150 rgb(253,65,80)
```
#41fd90
```
#41fd90 rgb(65,253,144)
```

Split Complementary Color

#4150fd
```
#4150fd rgb(65,80,253)
```
#fd4150
```
#fd4150 rgb(253,65,80)
```
#50fd41
```
#50fd41 rgb(80,253,65)
```

Triadic Color

#ee41fd
```
#ee41fd rgb(238,65,253)
```
#fd4150
```
#fd4150 rgb(253,65,80)
```
#50fd41
```
#50fd41 rgb(80,253,65)
```
#41fdee
```
#41fdee rgb(65,253,238)
```

Tetradic Color

#ef0315
```
#ef0315 rgb(239,3,21)
```
#fc0f22
```
#fc0f22 rgb(252,15,34)
```
#fd2839
```
#fd2839 rgb(253,40,57)
```
#fd4150
```
#fd4150 rgb(253,65,80)
```
#fd5a67
```
#fd5a67 rgb(253,90,103)
```
#fe737e
```
#fe737e rgb(254,115,126)
```
#fe8d96
```
#fe8d96 rgb(254,141,150)
```

Monochromatic Color

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

#fd417f
```
#fd417f rgb(253,65,127)
```
#fd416f
```
#fd416f rgb(253,65,111)
```
#fd4160
```
#fd4160 rgb(253,65,96)
```
#fd4150
```
#fd4150 rgb(253,65,80)
```
#fd4241
```
#fd4241 rgb(253,66,65)
```
#fd5141
```
#fd5141 rgb(253,81,65)
```
#fd6141
```
#fd6141 rgb(253,97,65)
```

Similar Colors

Text with hexadecimal color #fd4150

This text has a font color of #fd4150.

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

#fd4150 background color

This paragraph has a background color of #fd4150.

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

#fd4150 border color

This element has a border color of #fd4150.

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

CSS codes

.text {color:#fd4150;}

.background {background-color:#fd4150;}

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

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

#040000
```
#040000 rgb(4,0,0)
```
#180002
```
#180002 rgb(24,0,2)
```
#2b0004
```
#2b0004 rgb(43,0,4)
```
#3e0106
```
#3e0106 rgb(62,1,6)
```
#520107
```
#520107 rgb(82,1,7)
```
#650109
```
#650109 rgb(101,1,9)
```
#79010b
```
#79010b rgb(121,1,11)
```
#8c010d
```
#8c010d rgb(140,1,13)
```
#9f020e
```
#9f020e rgb(159,2,14)
```
#b30210
```
#b30210 rgb(179,2,16)
```
#c60212
```
#c60212 rgb(198,2,18)
```
#da0213
```
#da0213 rgb(218,2,19)
```
#ed0215
```
#ed0215 rgb(237,2,21)
```

Shade Color Variation

#fc071a
```
#fc071a rgb(252,7,26)
```
#fd1a2c
```
#fd1a2c rgb(253,26,44)
```
#fd2e3e
```
#fd2e3e rgb(253,46,62)
```
#fd4150
```
#fd4150 rgb(253,65,80)
```
#fd5462
```
#fd5462 rgb(253,84,98)
```
#fd6874
```
#fd6874 rgb(253,104,116)
```
#fe7b86
```
#fe7b86 rgb(254,123,134)
```
#fe8f98
```
#fe8f98 rgb(254,143,152)
```
#fea2a9
```
#fea2a9 rgb(254,162,169)
```
#feb5bb
```
#feb5bb rgb(254,181,187)
```
#fec9cd
```
#fec9cd rgb(254,201,205)
```
#ffdcdf
```
#ffdcdf rgb(255,220,223)
```
#fff0f1
```
#fff0f1 rgb(255,240,241)
```

Tint Color Variation

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

#a49a9a
```
#a49a9a rgb(164,154,154)
```
#ac9294
```
#ac9294 rgb(172,146,148)
```
#b38b8e
```
#b38b8e rgb(179,139,142)
```
#bb8388
```
#bb8388 rgb(187,131,136)
```
#c27c82
```
#c27c82 rgb(194,124,130)
```
#c9757b
```
#c9757b rgb(201,117,123)
```
#d16d75
```
#d16d75 rgb(209,109,117)
```
#d8666f
```
#d8666f rgb(216,102,111)
```
#df5f69
```
#df5f69 rgb(223,95,105)
```
#e75763
```
#e75763 rgb(231,87,99)
```
#ee505c
```
#ee505c rgb(238,80,92)
```
#f64856
```
#f64856 rgb(246,72,86)
```
#fd4150
```
#fd4150 rgb(253,65,80)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#956f72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#998f70 Protanopia 1% of men
#af894c Deuteranopia 1% of men
#fc4c4f Tritanopia 0.001% of the population

Trichromacy

#bd7264 Protanomaly 1% of men, 0.01% of women
#cb6f4d Deuteranomaly 6% of men, 0.4% of women
#fc484f Tritanomaly 0.01% of the population

#fd4150 hex color

#fd4150 Color Information

#fd4150 Color Conversion

Color Schemes with #fd4150

Alternatives to #fd4150

#fd4150 Preview

Shades and Tints of #fd4150

Tones of #fd4150

Color Blindness Simulator