#fd395f hex color

In a RGB color space, hex #fd395f is composed of 99.2% red, 22.4% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.5% magenta, 62.5% yellow and 0.8% black. It has a hue angle of 348.4 degrees, a saturation of 98% and a lightness of 60.8%. #fd395f color hex could be obtained by blending #ff72be with #fb0000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 99
- G 22
- B 37
RGB color chart
- C 0
- M 77
- Y 62
- K 1
CMYK color chart

● #fd395f color description : Bright red.

The hexadecimal color #fd395f has RGB values of R:253, G:57, B:95 and CMYK values of C:0, M:0.77, Y:0.62, K:0.01. Its decimal value is 16595295.

Hex triplet	fd395f	`#fd395f`
RGB Decimal	253, 57, 95	`rgb(253,57,95)`
RGB Percent	99.2, 22.4, 37.3	`rgb(99.2%,22.4%,37.3%)`
CMYK	0, 77, 62, 1
HSL	348.4°, 98, 60.8	`hsl(348.4,98%,60.8%)`
HSV (or HSB)	348.4°, 77.5, 99.2
Web Safe	ff3366	`#ff3366`

CIE-LAB	56.723, 73.44, 26.243
XYZ	44.039, 24.64, 13.263
xyY	0.537, 0.301, 24.64
CIE-LCH	56.723, 77.988, 19.664
CIE-LUV	56.723, 140.587, 15.293
Hunter-Lab	49.639, 71.493, 18.906
Binary	11111101, 00111001, 01011111

#fd395f
```
#fd395f rgb(253,57,95)
```
#39fdd7
```
#39fdd7 rgb(57,253,215)
```

Complementary Color

#fd39c1
```
#fd39c1 rgb(253,57,193)
```
#fd395f
```
#fd395f rgb(253,57,95)
```
#fd7539
```
#fd7539 rgb(253,117,57)
```

Analogous Color

#39c1fd
```
#39c1fd rgb(57,193,253)
```
#fd395f
```
#fd395f rgb(253,57,95)
```
#39fd75
```
#39fd75 rgb(57,253,117)
```

Split Complementary Color

#395ffd
```
#395ffd rgb(57,95,253)
```
#fd395f
```
#fd395f rgb(253,57,95)
```
#5ffd39
```
#5ffd39 rgb(95,253,57)
```

Triadic Color

#d739fd
```
#d739fd rgb(215,57,253)
```
#fd395f
```
#fd395f rgb(253,57,95)
```
#5ffd39
```
#5ffd39 rgb(95,253,57)
```
#39fdd7
```
#39fdd7 rgb(57,253,215)
```

Tetradic Color

#e7022f
```
#e7022f rgb(231,2,47)
```
#fc0736
```
#fc0736 rgb(252,7,54)
```
#fd204b
```
#fd204b rgb(253,32,75)
```
#fd395f
```
#fd395f rgb(253,57,95)
```
#fd5273
```
#fd5273 rgb(253,82,115)
```
#fe6b88
```
#fe6b88 rgb(254,107,136)
```
#fe859c
```
#fe859c rgb(254,133,156)
```

Monochromatic Color

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

#fd3990
```
#fd3990 rgb(253,57,144)
```
#fd3980
```
#fd3980 rgb(253,57,128)
```
#fd396f
```
#fd396f rgb(253,57,111)
```
#fd395f
```
#fd395f rgb(253,57,95)
```
#fd394f
```
#fd394f rgb(253,57,79)
```
#fd393e
```
#fd393e rgb(253,57,62)
```
#fd4439
```
#fd4439 rgb(253,68,57)
```

Similar Colors

Text with hexadecimal color #fd395f

This text has a font color of #fd395f.

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

#fd395f background color

This paragraph has a background color of #fd395f.

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

#fd395f border color

This element has a border color of #fd395f.

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

CSS codes

.text {color:#fd395f;}

.background {background-color:#fd395f;}

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

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

#100003
```
#100003 rgb(16,0,3)
```
#230007
```
#230007 rgb(35,0,7)
```
#36010b
```
#36010b rgb(54,1,11)
```
#4a010f
```
#4a010f rgb(74,1,15)
```
#5d0113
```
#5d0113 rgb(93,1,19)
```
#710117
```
#710117 rgb(113,1,23)
```
#84011b
```
#84011b rgb(132,1,27)
```
#98021f
```
#98021f rgb(152,2,31)
```
#ab0223
```
#ab0223 rgb(171,2,35)
```
#be0226
```
#be0226 rgb(190,2,38)
```
#d2022a
```
#d2022a rgb(210,2,42)
```
#e5022e
```
#e5022e rgb(229,2,46)
```
#f90332
```
#f90332 rgb(249,3,50)
```

Shade Color Variation

#fd1240
```
#fd1240 rgb(253,18,64)
```
#fd264f
```
#fd264f rgb(253,38,79)
```
#fd395f
```
#fd395f rgb(253,57,95)
```
#fd4c6f
```
#fd4c6f rgb(253,76,111)
```
#fd607e
```
#fd607e rgb(253,96,126)
```
#fe738e
```
#fe738e rgb(254,115,142)
```
#fe879e
```
#fe879e rgb(254,135,158)
```
#fe9aad
```
#fe9aad rgb(254,154,173)
```
#feaebd
```
#feaebd rgb(254,174,189)
```
#fec1cd
```
#fec1cd rgb(254,193,205)
```
#ffd4dd
```
#ffd4dd rgb(255,212,221)
```
#ffe8ec
```
#ffe8ec rgb(255,232,236)
```
#fffbfc
```
#fffbfc rgb(255,251,252)
```

Tint Color Variation

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

#a19598
```
#a19598 rgb(161,149,152)
```
#a88e93
```
#a88e93 rgb(168,142,147)
```
#b0868e
```
#b0868e rgb(176,134,142)
```
#b87e89
```
#b87e89 rgb(184,126,137)
```
#bf7785
```
#bf7785 rgb(191,119,133)
```
#c76f80
```
#c76f80 rgb(199,111,128)
```
#cf677b
```
#cf677b rgb(207,103,123)
```
#d75f77
```
#d75f77 rgb(215,95,119)
```
#de5872
```
#de5872 rgb(222,88,114)
```
#e6506d
```
#e6506d rgb(230,80,109)
```
#ee4868
```
#ee4868 rgb(238,72,104)
```
#f54164
```
#f54164 rgb(245,65,100)
```
#fd395f
```
#fd395f rgb(253,57,95)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#936b73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#938d83 Protanopia 1% of men
#aa885a Deuteranopia 1% of men
#fb494b Tritanopia 0.001% of the population

Trichromacy

#b96e76 Protanomaly 1% of men, 0.01% of women
#c86b5c Deuteranomaly 6% of men, 0.4% of women
#fc4352 Tritanomaly 0.01% of the population

#fd395f hex color

#fd395f Color Information

#fd395f Color Conversion

Color Schemes with #fd395f

Alternatives to #fd395f

#fd395f Preview

Shades and Tints of #fd395f

Tones of #fd395f

Color Blindness Simulator