#f35386 hex color

In a RGB color space, hex #f35386 is composed of 95.3% red, 32.5% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.8% magenta, 44.9% yellow and 4.7% black. It has a hue angle of 340.9 degrees, a saturation of 87% and a lightness of 63.9%. #f35386 color hex could be obtained by blending #ffa6ff with #e7000d. Closest websafe color is: #ff6699.

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

● #f35386 color description : Soft pink.

The hexadecimal color #f35386 has RGB values of R:243, G:83, B:134 and CMYK values of C:0, M:0.66, Y:0.45, K:0.05. Its decimal value is 15946630.

Hex triplet	f35386	`#f35386`
RGB Decimal	243, 83, 134	`rgb(243,83,134)`
RGB Percent	95.3, 32.5, 52.5	`rgb(95.3%,32.5%,52.5%)`
CMYK	0, 66, 45, 5
HSL	340.9°, 87, 63.9	`hsl(340.9,87%,63.9%)`
HSV (or HSB)	340.9°, 65.8, 95.3
Web Safe	ff6699	`#ff6699`

CIE-LAB	58.944, 64.808, 6.059
XYZ	44.36, 26.967, 25.422
xyY	0.459, 0.279, 26.967
CIE-LCH	58.944, 65.091, 5.342
CIE-LUV	58.944, 107.32, -4.721
Hunter-Lab	51.93, 61.603, 7.325
Binary	11110011, 01010011, 10000110

#f35386
```
#f35386 rgb(243,83,134)
```
#53f3c0
```
#53f3c0 rgb(83,243,192)
```

Complementary Color

#f353d6
```
#f353d6 rgb(243,83,214)
```
#f35386
```
#f35386 rgb(243,83,134)
```
#f37053
```
#f37053 rgb(243,112,83)
```

Analogous Color

#53d6f3
```
#53d6f3 rgb(83,214,243)
```
#f35386
```
#f35386 rgb(243,83,134)
```
#53f370
```
#53f370 rgb(83,243,112)
```

Split Complementary Color

#5386f3
```
#5386f3 rgb(83,134,243)
```
#f35386
```
#f35386 rgb(243,83,134)
```
#86f353
```
#86f353 rgb(134,243,83)
```

Triadic Color

#c053f3
```
#c053f3 rgb(192,83,243)
```
#f35386
```
#f35386 rgb(243,83,134)
```
#86f353
```
#86f353 rgb(134,243,83)
```
#53f3c0
```
#53f3c0 rgb(83,243,192)
```

Tetradic Color

#e91055
```
#e91055 rgb(233,16,85)
```
#f02364
```
#f02364 rgb(240,35,100)
```
#f13b75
```
#f13b75 rgb(241,59,117)
```
#f35386
```
#f35386 rgb(243,83,134)
```
#f56b97
```
#f56b97 rgb(245,107,151)
```
#f683a8
```
#f683a8 rgb(246,131,168)
```
#f89bb8
```
#f89bb8 rgb(248,155,184)
```

Monochromatic Color

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

#f353ae
```
#f353ae rgb(243,83,174)
```
#f353a1
```
#f353a1 rgb(243,83,161)
```
#f35393
```
#f35393 rgb(243,83,147)
```
#f35386
```
#f35386 rgb(243,83,134)
```
#f35379
```
#f35379 rgb(243,83,121)
```
#f3536b
```
#f3536b rgb(243,83,107)
```
#f3535e
```
#f3535e rgb(243,83,94)
```

Similar Colors

Text with hexadecimal color #f35386

This text has a font color of #f35386.

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

#f35386 background color

This paragraph has a background color of #f35386.

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

#f35386 border color

This element has a border color of #f35386.

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

CSS codes

.text {color:#f35386;}

.background {background-color:#f35386;}

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

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

#0b0104
```
#0b0104 rgb(11,1,4)
```
#1e020b
```
#1e020b rgb(30,2,11)
```
#300312
```
#300312 rgb(48,3,18)
```
#420518
```
#420518 rgb(66,5,24)
```
#55061f
```
#55061f rgb(85,6,31)
```
#670726
```
#670726 rgb(103,7,38)
```
#79082c
```
#79082c rgb(121,8,44)
```
#8c0a33
```
#8c0a33 rgb(140,10,51)
```
#9e0b3a
```
#9e0b3a rgb(158,11,58)
```
#b00c41
```
#b00c41 rgb(176,12,65)
```
#c30e47
```
#c30e47 rgb(195,14,71)
```
#d50f4e
```
#d50f4e rgb(213,15,78)
```
#e71055
```
#e71055 rgb(231,16,85)
```

Shade Color Variation

#ef1c5f
```
#ef1c5f rgb(239,28,95)
```
#f02e6c
```
#f02e6c rgb(240,46,108)
```
#f24179
```
#f24179 rgb(242,65,121)
```
#f35386
```
#f35386 rgb(243,83,134)
```
#f46593
```
#f46593 rgb(244,101,147)
```
#f678a0
```
#f678a0 rgb(246,120,160)
```
#f78aad
```
#f78aad rgb(247,138,173)
```
#f89cba
```
#f89cba rgb(248,156,186)
```
#f9afc6
```
#f9afc6 rgb(249,175,198)
```
#fbc1d3
```
#fbc1d3 rgb(251,193,211)
```
#fcd3e0
```
#fcd3e0 rgb(252,211,224)
```
#fde6ed
```
#fde6ed rgb(253,230,237)
```
#fff8fa
```
#fff8fa rgb(255,248,250)
```

Tint Color Variation

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

#a5a1a2
```
#a5a1a2 rgb(165,161,162)
```
#ac9aa0
```
#ac9aa0 rgb(172,154,160)
```
#b3939d
```
#b3939d rgb(179,147,157)
```
#ba8c9b
```
#ba8c9b rgb(186,140,155)
```
#c18598
```
#c18598 rgb(193,133,152)
```
#c97d95
```
#c97d95 rgb(201,125,149)
```
#d07693
```
#d07693 rgb(208,118,147)
```
#d76f90
```
#d76f90 rgb(215,111,144)
```
#de688e
```
#de688e rgb(222,104,142)
```
#e5618b
```
#e5618b rgb(229,97,139)
```
#ec5a89
```
#ec5a89 rgb(236,90,137)
```
#f35386
```
#f35386 rgb(243,83,134)
```
#fa4c83
```
#fa4c83 rgb(250,76,131)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#9e7e88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f92a7 Protanopia 1% of men
#a88e81 Deuteranopia 1% of men
#f16369 Tritanopia 0.001% of the population

Trichromacy

#b37b9b Protanomaly 1% of men, 0.01% of women
#c37883 Deuteranomaly 6% of men, 0.4% of women
#f15d73 Tritanomaly 0.01% of the population

#f35386 hex color

#f35386 Color Information

#f35386 Color Conversion

Color Schemes with #f35386

Alternatives to #f35386

#f35386 Preview

Shades and Tints of #f35386

Tones of #f35386

Color Blindness Simulator