#fd374f hex color

In a RGB color space, hex #fd374f is composed of 99.2% red, 21.6% green and 31% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 78.3% magenta, 68.8% yellow and 0.8% black. It has a hue angle of 352.7 degrees, a saturation of 98% and a lightness of 60.4%. #fd374f color hex could be obtained by blending #ff6e9e with #fb0000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 99
- G 22
- B 31
RGB color chart
- C 0
- M 78
- Y 69
- K 1
CMYK color chart

● #fd374f color description : Bright red.

The hexadecimal color #fd374f has RGB values of R:253, G:55, B:79 and CMYK values of C:0, M:0.78, Y:0.69, K:0.01. Its decimal value is 16594767.

Hex triplet	fd374f	`#fd374f`
RGB Decimal	253, 55, 79	`rgb(253,55,79)`
RGB Percent	99.2, 21.6, 31	`rgb(99.2%,21.6%,31%)`
CMYK	0, 78, 69, 1
HSL	352.7°, 98, 60.4	`hsl(352.7,98%,60.4%)`
HSV (or HSB)	352.7°, 78.3, 99.2
Web Safe	ff3366	`#ff3366`

CIE-LAB	56.272, 73.172, 35.022
XYZ	43.287, 24.185, 9.786
xyY	0.56, 0.313, 24.185
CIE-LCH	56.272, 81.121, 25.577
CIE-LUV	56.272, 146.181, 23.088
Hunter-Lab	49.178, 71.058, 22.627
Binary	11111101, 00110111, 01001111

#fd374f
```
#fd374f rgb(253,55,79)
```
#37fde5
```
#37fde5 rgb(55,253,229)
```

Complementary Color

#fd37b2
```
#fd37b2 rgb(253,55,178)
```
#fd374f
```
#fd374f rgb(253,55,79)
```
#fd8237
```
#fd8237 rgb(253,130,55)
```

Analogous Color

#37b2fd
```
#37b2fd rgb(55,178,253)
```
#fd374f
```
#fd374f rgb(253,55,79)
```
#37fd82
```
#37fd82 rgb(55,253,130)
```

Split Complementary Color

#374ffd
```
#374ffd rgb(55,79,253)
```
#fd374f
```
#fd374f rgb(253,55,79)
```
#4ffd37
```
#4ffd37 rgb(79,253,55)
```

Triadic Color

#e537fd
```
#e537fd rgb(229,55,253)
```
#fd374f
```
#fd374f rgb(253,55,79)
```
#4ffd37
```
#4ffd37 rgb(79,253,55)
```
#37fde5
```
#37fde5 rgb(55,253,229)
```

Tetradic Color

#e5021e
```
#e5021e rgb(229,2,30)
```
#fc0523
```
#fc0523 rgb(252,5,35)
```
#fd1e39
```
#fd1e39 rgb(253,30,57)
```
#fd374f
```
#fd374f rgb(253,55,79)
```
#fd5065
```
#fd5065 rgb(253,80,101)
```
#fe697b
```
#fe697b rgb(254,105,123)
```
#fe8392
```
#fe8392 rgb(254,131,146)
```

Monochromatic Color

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

#fd3781
```
#fd3781 rgb(253,55,129)
```
#fd3770
```
#fd3770 rgb(253,55,112)
```
#fd3760
```
#fd3760 rgb(253,55,96)
```
#fd374f
```
#fd374f rgb(253,55,79)
```
#fd373f
```
#fd373f rgb(253,55,63)
```
#fd4037
```
#fd4037 rgb(253,64,55)
```
#fd5037
```
#fd5037 rgb(253,80,55)
```

Similar Colors

Text with hexadecimal color #fd374f

This text has a font color of #fd374f.

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

#fd374f background color

This paragraph has a background color of #fd374f.

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

#fd374f border color

This element has a border color of #fd374f.

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

CSS codes

.text {color:#fd374f;}

.background {background-color:#fd374f;}

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

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, #0e0002 is the darkest color, while #fff9fa is the lightest one.

#0e0002
```
#0e0002 rgb(14,0,2)
```
#210004
```
#210004 rgb(33,0,4)
```
#340107
```
#340107 rgb(52,1,7)
```
#480109
```
#480109 rgb(72,1,9)
```
#5b010c
```
#5b010c rgb(91,1,12)
```
#6f010e
```
#6f010e rgb(111,1,14)
```
#820111
```
#820111 rgb(130,1,17)
```
#960113
```
#960113 rgb(150,1,19)
```
#a90216
```
#a90216 rgb(169,2,22)
```
#bc0218
```
#bc0218 rgb(188,2,24)
```
#d0021b
```
#d0021b rgb(208,2,27)
```
#e3021e
```
#e3021e rgb(227,2,30)
```
#f70220
```
#f70220 rgb(247,2,32)
```

Shade Color Variation

#fd102d
```
#fd102d rgb(253,16,45)
```
#fd243e
```
#fd243e rgb(253,36,62)
```
#fd374f
```
#fd374f rgb(253,55,79)
```
#fd4a60
```
#fd4a60 rgb(253,74,96)
```
#fd5e71
```
#fd5e71 rgb(253,94,113)
```
#fe7182
```
#fe7182 rgb(254,113,130)
```
#fe8593
```
#fe8593 rgb(254,133,147)
```
#fe98a4
```
#fe98a4 rgb(254,152,164)
```
#feacb6
```
#feacb6 rgb(254,172,182)
```
#febfc7
```
#febfc7 rgb(254,191,199)
```
#ffd2d8
```
#ffd2d8 rgb(255,210,216)
```
#ffe6e9
```
#ffe6e9 rgb(255,230,233)
```
#fff9fa
```
#fff9fa rgb(255,249,250)
```

Tint Color Variation

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

#a09496
```
#a09496 rgb(160,148,150)
```
#a88c90
```
#a88c90 rgb(168,140,144)
```
#af858a
```
#af858a rgb(175,133,138)
```
#b77d84
```
#b77d84 rgb(183,125,132)
```
#bf757e
```
#bf757e rgb(191,117,126)
```
#c76d78
```
#c76d78 rgb(199,109,120)
```
#ce6672
```
#ce6672 rgb(206,102,114)
```
#d65e6c
```
#d65e6c rgb(214,94,108)
```
#de5667
```
#de5667 rgb(222,86,103)
```
#e64e61
```
#e64e61 rgb(230,78,97)
```
#ed475b
```
#ed475b rgb(237,71,91)
```
#f53f55
```
#f53f55 rgb(245,63,85)
```
#fd374f
```
#fd374f rgb(253,55,79)
```

Tone Color Variation

Below, you can see how #fd374f 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
#90696d Atypical Achromatopsia 0.001% of the population

Dichromacy

#958c71 Protanopia 1% of men
#ac864a Deuteranopia 1% of men
#fc4446 Tritanopia 0.001% of the population

Trichromacy

#bb6d64 Protanomaly 1% of men, 0.01% of women
#c9694c Deuteranomaly 6% of men, 0.4% of women
#fc3f49 Tritanomaly 0.01% of the population

#fd374f hex color

#fd374f Color Information

#fd374f Color Conversion

Color Schemes with #fd374f

Alternatives to #fd374f

#fd374f Preview

Shades and Tints of #fd374f

Tones of #fd374f

Color Blindness Simulator