#f35580 hex color

In a RGB color space, hex #f35580 is composed of 95.3% red, 33.3% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65% magenta, 47.3% yellow and 4.7% black. It has a hue angle of 343.7 degrees, a saturation of 86.8% and a lightness of 64.3%. #f35580 color hex could be obtained by blending #ffaaff with #e70001. Closest websafe color is: #ff6699.

♥
- f
- t
- g
- R 95
- G 33
- B 50
RGB color chart
- C 0
- M 65
- Y 47
- K 5
CMYK color chart

● #f35580 color description : Soft pink.

The hexadecimal color #f35580 has RGB values of R:243, G:85, B:128 and CMYK values of C:0, M:0.65, Y:0.47, K:0.05. Its decimal value is 15947136.

Hex triplet	f35580	`#f35580`
RGB Decimal	243, 85, 128	`rgb(243,85,128)`
RGB Percent	95.3, 33.3, 50.2	`rgb(95.3%,33.3%,50.2%)`
CMYK	0, 65, 47, 5
HSL	343.7°, 86.8, 64.3	`hsl(343.7,86.8%,64.3%)`
HSV (or HSB)	343.7°, 65, 95.3
Web Safe	ff6699	`#ff6699`

CIE-LAB	59.08, 63.485, 9.767
XYZ	44.108, 27.115, 23.332
xyY	0.466, 0.287, 27.115
CIE-LCH	59.08, 64.232, 8.747
CIE-LUV	59.08, 108.231, 0.164
Hunter-Lab	52.072, 60.076, 9.884
Binary	11110011, 01010101, 10000000

#f35580
```
#f35580 rgb(243,85,128)
```
#55f3c8
```
#55f3c8 rgb(85,243,200)
```

Complementary Color

#f355cf
```
#f355cf rgb(243,85,207)
```
#f35580
```
#f35580 rgb(243,85,128)
```
#f37955
```
#f37955 rgb(243,121,85)
```

Analogous Color

#55cff3
```
#55cff3 rgb(85,207,243)
```
#f35580
```
#f35580 rgb(243,85,128)
```
#55f379
```
#55f379 rgb(85,243,121)
```

Split Complementary Color

#5580f3
```
#5580f3 rgb(85,128,243)
```
#f35580
```
#f35580 rgb(243,85,128)
```
#80f355
```
#80f355 rgb(128,243,85)
```

Triadic Color

#c855f3
```
#c855f3 rgb(200,85,243)
```
#f35580
```
#f35580 rgb(243,85,128)
```
#80f355
```
#80f355 rgb(128,243,85)
```
#55f3c8
```
#55f3c8 rgb(85,243,200)
```

Tetradic Color

#eb114c
```
#eb114c rgb(235,17,76)
```
#f0255c
```
#f0255c rgb(240,37,92)
```
#f13d6e
```
#f13d6e rgb(241,61,110)
```
#f35580
```
#f35580 rgb(243,85,128)
```
#f56d92
```
#f56d92 rgb(245,109,146)
```
#f685a4
```
#f685a4 rgb(246,133,164)
```
#f89cb5
```
#f89cb5 rgb(248,156,181)
```

Monochromatic Color

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

#f355a8
```
#f355a8 rgb(243,85,168)
```
#f3559a
```
#f3559a rgb(243,85,154)
```
#f3558d
```
#f3558d rgb(243,85,141)
```
#f35580
```
#f35580 rgb(243,85,128)
```
#f35573
```
#f35573 rgb(243,85,115)
```
#f35566
```
#f35566 rgb(243,85,102)
```
#f35559
```
#f35559 rgb(243,85,89)
```

Similar Colors

Text with hexadecimal color #f35580

This text has a font color of #f35580.

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

#f35580 background color

This paragraph has a background color of #f35580.

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

#f35580 border color

This element has a border color of #f35580.

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

CSS codes

.text {color:#f35580;}

.background {background-color:#f35580;}

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

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

#0d0104
```
#0d0104 rgb(13,1,4)
```
#20020a
```
#20020a rgb(32,2,10)
```
#320410
```
#320410 rgb(50,4,16)
```
#440516
```
#440516 rgb(68,5,22)
```
#57061c
```
#57061c rgb(87,6,28)
```
#690722
```
#690722 rgb(105,7,34)
```
#7b0928
```
#7b0928 rgb(123,9,40)
```
#8d0a2e
```
#8d0a2e rgb(141,10,46)
```
#a00b34
```
#a00b34 rgb(160,11,52)
```
#b20d3a
```
#b20d3a rgb(178,13,58)
```
#c40e40
```
#c40e40 rgb(196,14,64)
```
#d70f45
```
#d70f45 rgb(215,15,69)
```
#e9104b
```
#e9104b rgb(233,16,75)
```

Shade Color Variation

#ef1e57
```
#ef1e57 rgb(239,30,87)
```
#f03065
```
#f03065 rgb(240,48,101)
```
#f24372
```
#f24372 rgb(242,67,114)
```
#f35580
```
#f35580 rgb(243,85,128)
```
#f4678e
```
#f4678e rgb(244,103,142)
```
#f67a9b
```
#f67a9b rgb(246,122,155)
```
#f78ca9
```
#f78ca9 rgb(247,140,169)
```
#f89eb7
```
#f89eb7 rgb(248,158,183)
```
#f9b1c4
```
#f9b1c4 rgb(249,177,196)
```
#fbc3d2
```
#fbc3d2 rgb(251,195,210)
```
#fcd5e0
```
#fcd5e0 rgb(252,213,224)
```
#fde8ee
```
#fde8ee rgb(253,232,238)
```
#fffafb
```
#fffafb rgb(255,250,251)
```

Tint Color Variation

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

#a6a2a3
```
#a6a2a3 rgb(166,162,163)
```
#ad9ba0
```
#ad9ba0 rgb(173,155,160)
```
#b4949d
```
#b4949d rgb(180,148,157)
```
#bb8d9a
```
#bb8d9a rgb(187,141,154)
```
#c28696
```
#c28696 rgb(194,134,150)
```
#c97f93
```
#c97f93 rgb(201,127,147)
```
#d07890
```
#d07890 rgb(208,120,144)
```
#d7718d
```
#d7718d rgb(215,113,141)
```
#de6a8a
```
#de6a8a rgb(222,106,138)
```
#e56386
```
#e56386 rgb(229,99,134)
```
#ec5c83
```
#ec5c83 rgb(236,92,131)
```
#f35580
```
#f35580 rgb(243,85,128)
```
#fa4e7d
```
#fa4e7d rgb(250,78,125)
```

Tone Color Variation

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

Dichromacy

#9293a0 Protanopia 1% of men
#aa8e7c Deuteranopia 1% of men
#f16369 Tritanopia 0.001% of the population

Trichromacy

#b57c94 Protanomaly 1% of men, 0.01% of women
#c4797d Deuteranomaly 6% of men, 0.4% of women
#f25e71 Tritanomaly 0.01% of the population

#f35580 hex color

#f35580 Color Information

#f35580 Color Conversion

Color Schemes with #f35580

Alternatives to #f35580

#f35580 Preview

Shades and Tints of #f35580

Tones of #f35580

Color Blindness Simulator