colorhexa.com

#f35f70 hex color

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

- R 95
- G 37
- B 44
RGB color chart
- C 0
- M 61
- Y 54
- K 5
CMYK color chart

● #f35f70 color description : Soft red.

The hexadecimal color #f35f70 has RGB values of R:243, G:95, B:112 and CMYK values of C:0, M:0.61, Y:0.54, K:0.05. Its decimal value is 15949680.

Hex triplet	f35f70	`#f35f70`
RGB Decimal	243, 95, 112	`rgb(243,95,112)`
RGB Percent	95.3, 37.3, 43.9	`rgb(95.3%,37.3%,43.9%)`
CMYK	0, 61, 54, 5
HSL	353.1°, 86, 66.3	`hsl(353.1,86%,66.3%)`
HSV (or HSB)	353.1°, 60.9, 95.3
Web Safe	ff6666	`#ff6666`

CIE-LAB	60.26, 58.024, 20.717
XYZ	43.98, 28.413, 18.497
xyY	0.484, 0.313, 28.413
CIE-LCH	60.26, 61.611, 19.649
CIE-LUV	60.26, 107.184, 14.201
Hunter-Lab	53.304, 53.995, 16.739
Binary	11110011, 01011111, 01110000

#f35f70
```
#f35f70 rgb(243,95,112)
```
#5ff3e2
```
#5ff3e2 rgb(95,243,226)
```

Complementary Color

#f35fba
```
#f35fba rgb(243,95,186)
```
#f35f70
```
#f35f70 rgb(243,95,112)
```
#f3985f
```
#f3985f rgb(243,152,95)
```

Analogous Color

#5fbaf3
```
#5fbaf3 rgb(95,186,243)
```
#f35f70
```
#f35f70 rgb(243,95,112)
```
#5ff398
```
#5ff398 rgb(95,243,152)
```

Split Complementary Color

#5f70f3
```
#5f70f3 rgb(95,112,243)
```
#f35f70
```
#f35f70 rgb(243,95,112)
```
#70f35f
```
#70f35f rgb(112,243,95)
```

Triadic Color

#e25ff3
```
#e25ff3 rgb(226,95,243)
```
#f35f70
```
#f35f70 rgb(243,95,112)
```
#70f35f
```
#70f35f rgb(112,243,95)
```
#5ff3e2
```
#5ff3e2 rgb(95,243,226)
```

Tetradic Color

#ee1830
```
#ee1830 rgb(238,24,48)
```
#ef3046
```
#ef3046 rgb(239,48,70)
```
#f1475b
```
#f1475b rgb(241,71,91)
```
#f35f70
```
#f35f70 rgb(243,95,112)
```
#f57785
```
#f57785 rgb(245,119,133)
```
#f78e9a
```
#f78e9a rgb(247,142,154)
```
#f8a6b0
```
#f8a6b0 rgb(248,166,176)
```

Monochromatic Color

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

#f35f95
```
#f35f95 rgb(243,95,149)
```
#f35f89
```
#f35f89 rgb(243,95,137)
```
#f35f7c
```
#f35f7c rgb(243,95,124)
```
#f35f70
```
#f35f70 rgb(243,95,112)
```
#f35f64
```
#f35f64 rgb(243,95,100)
```
#f3675f
```
#f3675f rgb(243,103,95)
```
#f3735f
```
#f3735f rgb(243,115,95)
```

Similar Colors

Text with hexadecimal color #f35f70

This text has a font color of #f35f70.

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

#f35f70 background color

This paragraph has a background color of #f35f70.

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

#f35f70 border color

This element has a border color of #f35f70.

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

CSS codes

.text {color:#f35f70;}

.background {background-color:#f35f70;}

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

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

#040001
```
#040001 rgb(4,0,1)
```
#160204
```
#160204 rgb(22,2,4)
```
#290307
```
#290307 rgb(41,3,7)
```
#3b040b
```
#3b040b rgb(59,4,11)
```
#4d060e
```
#4d060e rgb(77,6,14)
```
#5f0711
```
#5f0711 rgb(95,7,17)
```
#720915
```
#720915 rgb(114,9,21)
```
#840a18
```
#840a18 rgb(132,10,24)
```
#960b1b
```
#960b1b rgb(150,11,27)
```
#a80d1f
```
#a80d1f rgb(168,13,31)
```
#bb0e22
```
#bb0e22 rgb(187,14,34)
```
#cd0f25
```
#cd0f25 rgb(205,15,37)
```
#df1128
```
#df1128 rgb(223,17,40)
```

Shade Color Variation

#ee162f
```
#ee162f rgb(238,22,47)
```
#ef283f
```
#ef283f rgb(239,40,63)
```
#f03b4f
```
#f03b4f rgb(240,59,79)
```
#f24d60
```
#f24d60 rgb(242,77,96)
```
#f35f70
```
#f35f70 rgb(243,95,112)
```
#f47180
```
#f47180 rgb(244,113,128)
```
#f68391
```
#f68391 rgb(246,131,145)
```
#f796a1
```
#f796a1 rgb(247,150,161)
```
#f8a8b1
```
#f8a8b1 rgb(248,168,177)
```
#fabac2
```
#fabac2 rgb(250,186,194)
```
#fbccd2
```
#fbccd2 rgb(251,204,210)
```
#fddfe2
```
#fddfe2 rgb(253,223,226)
```
#fef1f2
```
#fef1f2 rgb(254,241,242)
```

Tint Color Variation

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

#aaa8a8
```
#aaa8a8 rgb(170,168,168)
```
#b1a1a3
```
#b1a1a3 rgb(177,161,163)
```
#b79b9e
```
#b79b9e rgb(183,155,158)
```
#be9499
```
#be9499 rgb(190,148,153)
```
#c58d94
```
#c58d94 rgb(197,141,148)
```
#cb878f
```
#cb878f rgb(203,135,143)
```
#d28089
```
#d28089 rgb(210,128,137)
```
#d97984
```
#d97984 rgb(217,121,132)
```
#df737f
```
#df737f rgb(223,115,127)
```
#e66c7a
```
#e66c7a rgb(230,108,122)
```
#ec6675
```
#ec6675 rgb(236,102,117)
```
#f35f70
```
#f35f70 rgb(243,95,112)
```
#fa586b
```
#fa586b rgb(250,88,107)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#a18487 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9c968b Protanopia 1% of men
#b2916e Deuteranopia 1% of men
#f3686e Tritanopia 0.001% of the population

Trichromacy

#bb8281 Protanomaly 1% of men, 0.01% of women
#c97e6e Deuteranomaly 6% of men, 0.4% of women
#f3656f Tritanomaly 0.01% of the population