#f35f75 hex color

In a RGB color space, hex #f35f75 is composed of 95.3% red, 37.3% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60.9% magenta, 51.9% yellow and 4.7% black. It has a hue angle of 351.1 degrees, a saturation of 86% and a lightness of 66.3%. #f35f75 color hex could be obtained by blending #ffbeea with #e70000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 95
- G 37
- B 46
RGB color chart
- C 0
- M 61
- Y 52
- K 5
CMYK color chart

● #f35f75 color description : Soft red.

The hexadecimal color #f35f75 has RGB values of R:243, G:95, B:117 and CMYK values of C:0, M:0.61, Y:0.52, K:0.05. Its decimal value is 15949685.

Hex triplet	f35f75	`#f35f75`
RGB Decimal	243, 95, 117	`rgb(243,95,117)`
RGB Percent	95.3, 37.3, 45.9	`rgb(95.3%,37.3%,45.9%)`
CMYK	0, 61, 52, 5
HSL	351.1°, 86, 66.3	`hsl(351.1,86%,66.3%)`
HSV (or HSB)	351.1°, 60.9, 95.3
Web Safe	ff6666	`#ff6666`

CIE-LAB	60.363, 58.42, 17.963
XYZ	44.267, 28.528, 20.004
xyY	0.477, 0.307, 28.528
CIE-LCH	60.363, 61.119, 17.091
CIE-LUV	60.363, 105.834, 11.064
Hunter-Lab	53.411, 54.468, 15.182
Binary	11110011, 01011111, 01110101

#f35f75
```
#f35f75 rgb(243,95,117)
```
#5ff3dd
```
#5ff3dd rgb(95,243,221)
```

Complementary Color

#f35fbf
```
#f35fbf rgb(243,95,191)
```
#f35f75
```
#f35f75 rgb(243,95,117)
```
#f3935f
```
#f3935f rgb(243,147,95)
```

Analogous Color

#5fbff3
```
#5fbff3 rgb(95,191,243)
```
#f35f75
```
#f35f75 rgb(243,95,117)
```
#5ff393
```
#5ff393 rgb(95,243,147)
```

Split Complementary Color

#5f75f3
```
#5f75f3 rgb(95,117,243)
```
#f35f75
```
#f35f75 rgb(243,95,117)
```
#75f35f
```
#75f35f rgb(117,243,95)
```

Triadic Color

#dd5ff3
```
#dd5ff3 rgb(221,95,243)
```
#f35f75
```
#f35f75 rgb(243,95,117)
```
#75f35f
```
#75f35f rgb(117,243,95)
```
#5ff3dd
```
#5ff3dd rgb(95,243,221)
```

Tetradic Color

#ee1838
```
#ee1838 rgb(238,24,56)
```
#ef304c
```
#ef304c rgb(239,48,76)
```
#f14761
```
#f14761 rgb(241,71,97)
```
#f35f75
```
#f35f75 rgb(243,95,117)
```
#f57789
```
#f57789 rgb(245,119,137)
```
#f78e9e
```
#f78e9e rgb(247,142,158)
```
#f8a6b2
```
#f8a6b2 rgb(248,166,178)
```

Monochromatic Color

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

#f35f9a
```
#f35f9a rgb(243,95,154)
```
#f35f8e
```
#f35f8e rgb(243,95,142)
```
#f35f81
```
#f35f81 rgb(243,95,129)
```
#f35f75
```
#f35f75 rgb(243,95,117)
```
#f35f69
```
#f35f69 rgb(243,95,105)
```
#f3625f
```
#f3625f rgb(243,98,95)
```
#f36e5f
```
#f36e5f rgb(243,110,95)
```

Similar Colors

Text with hexadecimal color #f35f75

This text has a font color of #f35f75.

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

#f35f75 background color

This paragraph has a background color of #f35f75.

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

#f35f75 border color

This element has a border color of #f35f75.

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

CSS codes

.text {color:#f35f75;}

.background {background-color:#f35f75;}

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

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

#040001
```
#040001 rgb(4,0,1)
```
#160205
```
#160205 rgb(22,2,5)
```
#290309
```
#290309 rgb(41,3,9)
```
#3b040d
```
#3b040d rgb(59,4,13)
```
#4d0610
```
#4d0610 rgb(77,6,16)
```
#5f0714
```
#5f0714 rgb(95,7,20)
```
#720918
```
#720918 rgb(114,9,24)
```
#840a1c
```
#840a1c rgb(132,10,28)
```
#960b20
```
#960b20 rgb(150,11,32)
```
#a80d24
```
#a80d24 rgb(168,13,36)
```
#bb0e28
```
#bb0e28 rgb(187,14,40)
```
#cd0f2c
```
#cd0f2c rgb(205,15,44)
```
#df112f
```
#df112f rgb(223,17,47)
```

Shade Color Variation

#ee1636
```
#ee1636 rgb(238,22,54)
```
#ef2846
```
#ef2846 rgb(239,40,70)
```
#f03b56
```
#f03b56 rgb(240,59,86)
```
#f24d65
```
#f24d65 rgb(242,77,101)
```
#f35f75
```
#f35f75 rgb(243,95,117)
```
#f47185
```
#f47185 rgb(244,113,133)
```
#f68394
```
#f68394 rgb(246,131,148)
```
#f796a4
```
#f796a4 rgb(247,150,164)
```
#f8a8b4
```
#f8a8b4 rgb(248,168,180)
```
#fabac4
```
#fabac4 rgb(250,186,196)
```
#fbccd3
```
#fbccd3 rgb(251,204,211)
```
#fddfe3
```
#fddfe3 rgb(253,223,227)
```
#fef1f3
```
#fef1f3 rgb(254,241,243)
```

Tint Color Variation

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

#aaa8a8
```
#aaa8a8 rgb(170,168,168)
```
#b1a1a3
```
#b1a1a3 rgb(177,161,163)
```
#b79b9f
```
#b79b9f rgb(183,155,159)
```
#be949a
```
#be949a rgb(190,148,154)
```
#c58d96
```
#c58d96 rgb(197,141,150)
```
#cb8791
```
#cb8791 rgb(203,135,145)
```
#d2808c
```
#d2808c rgb(210,128,140)
```
#d97988
```
#d97988 rgb(217,121,136)
```
#df7383
```
#df7383 rgb(223,115,131)
```
#e66c7e
```
#e66c7e rgb(230,108,126)
```
#ec667a
```
#ec667a rgb(236,102,122)
```
#f35f75
```
#f35f75 rgb(243,95,117)
```
#fa5870
```
#fa5870 rgb(250,88,112)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#a28589 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b9691 Protanopia 1% of men
#b19172 Deuteranopia 1% of men
#f2696f Tritanopia 0.001% of the population

Trichromacy

#bb8286 Protanomaly 1% of men, 0.01% of women
#c97f73 Deuteranomaly 6% of men, 0.4% of women
#f26571 Tritanomaly 0.01% of the population

#f35f75 hex color

#f35f75 Color Information

#f35f75 Color Conversion

Color Schemes with #f35f75

Alternatives to #f35f75

#f35f75 Preview

Shades and Tints of #f35f75

Tones of #f35f75

Color Blindness Simulator