#f35a86 hex color

In a RGB color space, hex #f35a86 is composed of 95.3% red, 35.3% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63% magenta, 44.9% yellow and 4.7% black. It has a hue angle of 342.7 degrees, a saturation of 86.4% and a lightness of 65.3%. #f35a86 color hex could be obtained by blending #ffb4ff with #e7000d. Closest websafe color is: #ff6699.

♥
- f
- t
- g
- R 95
- G 35
- B 53
RGB color chart
- C 0
- M 63
- Y 45
- K 5
CMYK color chart

● #f35a86 color description : Soft pink.

The hexadecimal color #f35a86 has RGB values of R:243, G:90, B:134 and CMYK values of C:0, M:0.63, Y:0.45, K:0.05. Its decimal value is 15948422.

Hex triplet	f35a86	`#f35a86`
RGB Decimal	243, 90, 134	`rgb(243,90,134)`
RGB Percent	95.3, 35.3, 52.5	`rgb(95.3%,35.3%,52.5%)`
CMYK	0, 63, 45, 5
HSL	342.7°, 86.4, 65.3	`hsl(342.7,86.4%,65.3%)`
HSV (or HSB)	342.7°, 63, 95.3
Web Safe	ff6699	`#ff6699`

CIE-LAB	59.972, 62.008, 7.531
XYZ	44.922, 28.092, 25.61
xyY	0.455, 0.285, 28.092
CIE-LCH	59.972, 62.463, 6.925
CIE-LUV	59.972, 103.689, -2.21
Hunter-Lab	53.002, 58.535, 8.454
Binary	11110011, 01011010, 10000110

#f35a86
```
#f35a86 rgb(243,90,134)
```
#5af3c7
```
#5af3c7 rgb(90,243,199)
```

Complementary Color

#f35ad3
```
#f35ad3 rgb(243,90,211)
```
#f35a86
```
#f35a86 rgb(243,90,134)
```
#f37b5a
```
#f37b5a rgb(243,123,90)
```

Analogous Color

#5ad3f3
```
#5ad3f3 rgb(90,211,243)
```
#f35a86
```
#f35a86 rgb(243,90,134)
```
#5af37b
```
#5af37b rgb(90,243,123)
```

Split Complementary Color

#5a86f3
```
#5a86f3 rgb(90,134,243)
```
#f35a86
```
#f35a86 rgb(243,90,134)
```
#86f35a
```
#86f35a rgb(134,243,90)
```

Triadic Color

#c75af3
```
#c75af3 rgb(199,90,243)
```
#f35a86
```
#f35a86 rgb(243,90,134)
```
#86f35a
```
#86f35a rgb(134,243,90)
```
#5af3c7
```
#5af3c7 rgb(90,243,199)
```

Tetradic Color

#ee1352
```
#ee1352 rgb(238,19,82)
```
#f02a63
```
#f02a63 rgb(240,42,99)
```
#f14275
```
#f14275 rgb(241,66,117)
```
#f35a86
```
#f35a86 rgb(243,90,134)
```
#f57297
```
#f57297 rgb(245,114,151)
```
#f68aa9
```
#f68aa9 rgb(246,138,169)
```
#f8a1ba
```
#f8a1ba rgb(248,161,186)
```

Monochromatic Color

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

#f35aac
```
#f35aac rgb(243,90,172)
```
#f35aa0
```
#f35aa0 rgb(243,90,160)
```
#f35a93
```
#f35a93 rgb(243,90,147)
```
#f35a86
```
#f35a86 rgb(243,90,134)
```
#f35a79
```
#f35a79 rgb(243,90,121)
```
#f35a6d
```
#f35a6d rgb(243,90,109)
```
#f35a60
```
#f35a60 rgb(243,90,96)
```

Similar Colors

Text with hexadecimal color #f35a86

This text has a font color of #f35a86.

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

#f35a86 background color

This paragraph has a background color of #f35a86.

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

#f35a86 border color

This element has a border color of #f35a86.

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

CSS codes

.text {color:#f35a86;}

.background {background-color:#f35a86;}

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

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

#120106
```
#120106 rgb(18,1,6)
```
#24030c
```
#24030c rgb(36,3,12)
```
#360412
```
#360412 rgb(54,4,18)
```
#490519
```
#490519 rgb(73,5,25)
```
#5b071f
```
#5b071f rgb(91,7,31)
```
#6d0825
```
#6d0825 rgb(109,8,37)
```
#80092b
```
#80092b rgb(128,9,43)
```
#920b32
```
#920b32 rgb(146,11,50)
```
#a40c38
```
#a40c38 rgb(164,12,56)
```
#b60d3e
```
#b60d3e rgb(182,13,62)
```
#c90f44
```
#c90f44 rgb(201,15,68)
```
#db104a
```
#db104a rgb(219,16,74)
```
#ed1151
```
#ed1151 rgb(237,17,81)
```

Shade Color Variation

#ef235e
```
#ef235e rgb(239,35,94)
```
#f0356b
```
#f0356b rgb(240,53,107)
```
#f24879
```
#f24879 rgb(242,72,121)
```
#f35a86
```
#f35a86 rgb(243,90,134)
```
#f46c93
```
#f46c93 rgb(244,108,147)
```
#f67fa1
```
#f67fa1 rgb(246,127,161)
```
#f791ae
```
#f791ae rgb(247,145,174)
```
#f8a3bc
```
#f8a3bc rgb(248,163,188)
```
#fab5c9
```
#fab5c9 rgb(250,181,201)
```
#fbc8d6
```
#fbc8d6 rgb(251,200,214)
```
#fcdae4
```
#fcdae4 rgb(252,218,228)
```
#feecf1
```
#feecf1 rgb(254,236,241)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a8a5a6
```
#a8a5a6 rgb(168,165,166)
```
#af9ea3
```
#af9ea3 rgb(175,158,163)
```
#b697a0
```
#b697a0 rgb(182,151,160)
```
#bd909d
```
#bd909d rgb(189,144,157)
```
#c38a9a
```
#c38a9a rgb(195,138,154)
```
#ca8397
```
#ca8397 rgb(202,131,151)
```
#d17c94
```
#d17c94 rgb(209,124,148)
```
#d87592
```
#d87592 rgb(216,117,146)
```
#df6e8f
```
#df6e8f rgb(223,110,143)
```
#e5688c
```
#e5688c rgb(229,104,140)
```
#ec6189
```
#ec6189 rgb(236,97,137)
```
#f35a86
```
#f35a86 rgb(243,90,134)
```
#fa5383
```
#fa5383 rgb(250,83,131)
```

Tone Color Variation

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

Dichromacy

#9495a5 Protanopia 1% of men
#ab9082 Deuteranopia 1% of men
#f1686e Tritanopia 0.001% of the population

Trichromacy

#b67f99 Protanomaly 1% of men, 0.01% of women
#c57c83 Deuteranomaly 6% of men, 0.4% of women
#f26377 Tritanomaly 0.01% of the population

#f35a86 hex color

#f35a86 Color Information

#f35a86 Color Conversion

Color Schemes with #f35a86

Alternatives to #f35a86

#f35a86 Preview

Shades and Tints of #f35a86

Tones of #f35a86

Color Blindness Simulator