#f35358 hex color

In a RGB color space, hex #f35358 is composed of 95.3% red, 32.5% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.8% magenta, 63.8% yellow and 4.7% black. It has a hue angle of 358.1 degrees, a saturation of 87% and a lightness of 63.9%. #f35358 color hex could be obtained by blending #ffa6b0 with #e70000. Closest websafe color is: #ff6666.

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

● #f35358 color description : Soft red.

The hexadecimal color #f35358 has RGB values of R:243, G:83, B:88 and CMYK values of C:0, M:0.66, Y:0.64, K:0.05. Its decimal value is 15946584.

Hex triplet	f35358	`#f35358`
RGB Decimal	243, 83, 88	`rgb(243,83,88)`
RGB Percent	95.3, 32.5, 34.5	`rgb(95.3%,32.5%,34.5%)`
CMYK	0, 66, 64, 5
HSL	358.1°, 87, 63.9	`hsl(358.1,87%,63.9%)`
HSV (or HSB)	358.1°, 65.8, 95.3
Web Safe	ff6666	`#ff6666`

CIE-LAB	57.99, 61.367, 31.576
XYZ	41.818, 25.95, 12.039
xyY	0.524, 0.325, 25.95
CIE-LCH	57.99, 69.014, 27.228
CIE-LUV	57.99, 120.772, 23.802
Hunter-Lab	50.941, 57.385, 21.647
Binary	11110011, 01010011, 01011000

#f35358
```
#f35358 rgb(243,83,88)
```
#53f3ee
```
#53f3ee rgb(83,243,238)
```

Complementary Color

#f353a8
```
#f353a8 rgb(243,83,168)
```
#f35358
```
#f35358 rgb(243,83,88)
```
#f39e53
```
#f39e53 rgb(243,158,83)
```

Analogous Color

#53a8f3
```
#53a8f3 rgb(83,168,243)
```
#f35358
```
#f35358 rgb(243,83,88)
```
#53f39e
```
#53f39e rgb(83,243,158)
```

Split Complementary Color

#5358f3
```
#5358f3 rgb(83,88,243)
```
#f35358
```
#f35358 rgb(243,83,88)
```
#58f353
```
#58f353 rgb(88,243,83)
```

Triadic Color

#ee53f3
```
#ee53f3 rgb(238,83,243)
```
#f35358
```
#f35358 rgb(243,83,88)
```
#58f353
```
#58f353 rgb(88,243,83)
```
#53f3ee
```
#53f3ee rgb(83,243,238)
```

Tetradic Color

#e91017
```
#e91017 rgb(233,16,23)
```
#f0232a
```
#f0232a rgb(240,35,42)
```
#f13b41
```
#f13b41 rgb(241,59,65)
```
#f35358
```
#f35358 rgb(243,83,88)
```
#f56b6f
```
#f56b6f rgb(245,107,111)
```
#f68386
```
#f68386 rgb(246,131,134)
```
#f89b9d
```
#f89b9d rgb(248,155,157)
```

Monochromatic Color

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

#f35380
```
#f35380 rgb(243,83,128)
```
#f35373
```
#f35373 rgb(243,83,115)
```
#f35365
```
#f35365 rgb(243,83,101)
```
#f35358
```
#f35358 rgb(243,83,88)
```
#f35b53
```
#f35b53 rgb(243,91,83)
```
#f36953
```
#f36953 rgb(243,105,83)
```
#f37653
```
#f37653 rgb(243,118,83)
```

Similar Colors

Text with hexadecimal color #f35358

This text has a font color of #f35358.

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

#f35358 background color

This paragraph has a background color of #f35358.

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

#f35358 border color

This element has a border color of #f35358.

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

CSS codes

.text {color:#f35358;}

.background {background-color:#f35358;}

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

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

#0b0101
```
#0b0101 rgb(11,1,1)
```
#1e0203
```
#1e0203 rgb(30,2,3)
```
#300305
```
#300305 rgb(48,3,5)
```
#420507
```
#420507 rgb(66,5,7)
```
#550608
```
#550608 rgb(85,6,8)
```
#67070a
```
#67070a rgb(103,7,10)
```
#79080c
```
#79080c rgb(121,8,12)
```
#8c0a0e
```
#8c0a0e rgb(140,10,14)
```
#9e0b10
```
#9e0b10 rgb(158,11,16)
```
#b00c11
```
#b00c11 rgb(176,12,17)
```
#c30e13
```
#c30e13 rgb(195,14,19)
```
#d50f15
```
#d50f15 rgb(213,15,21)
```
#e71017
```
#e71017 rgb(231,16,23)
```

Shade Color Variation

#ef1c23
```
#ef1c23 rgb(239,28,35)
```
#f02e34
```
#f02e34 rgb(240,46,52)
```
#f24146
```
#f24146 rgb(242,65,70)
```
#f35358
```
#f35358 rgb(243,83,88)
```
#f4656a
```
#f4656a rgb(244,101,106)
```
#f6787c
```
#f6787c rgb(246,120,124)
```
#f78a8d
```
#f78a8d rgb(247,138,141)
```
#f89c9f
```
#f89c9f rgb(248,156,159)
```
#f9afb1
```
#f9afb1 rgb(249,175,177)
```
#fbc1c3
```
#fbc1c3 rgb(251,193,195)
```
#fcd3d5
```
#fcd3d5 rgb(252,211,213)
```
#fde6e6
```
#fde6e6 rgb(253,230,230)
```
#fff8f8
```
#fff8f8 rgb(255,248,248)
```

Tint Color Variation

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

#a5a1a1
```
#a5a1a1 rgb(165,161,161)
```
#ac9a9a
```
#ac9a9a rgb(172,154,154)
```
#b39394
```
#b39394 rgb(179,147,148)
```
#ba8c8d
```
#ba8c8d rgb(186,140,141)
```
#c18586
```
#c18586 rgb(193,133,134)
```
#c97d80
```
#c97d80 rgb(201,125,128)
```
#d07679
```
#d07679 rgb(208,118,121)
```
#d76f73
```
#d76f73 rgb(215,111,115)
```
#de686c
```
#de686c rgb(222,104,108)
```
#e56165
```
#e56165 rgb(229,97,101)
```
#ec5a5f
```
#ec5a5f rgb(236,90,95)
```
#f35358
```
#f35358 rgb(243,83,88)
```
#fa4c51
```
#fa4c51 rgb(250,76,81)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#99797a Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a9174 Protanopia 1% of men
#af8b56 Deuteranopia 1% of men
#f35b60 Tritanopia 0.001% of the population

Trichromacy

#ba7a6a Protanomaly 1% of men, 0.01% of women
#c87656 Deuteranomaly 6% of men, 0.4% of women
#f3585d Tritanomaly 0.01% of the population

#f35358 hex color

#f35358 Color Information

#f35358 Color Conversion

Color Schemes with #f35358

Alternatives to #f35358

#f35358 Preview

Shades and Tints of #f35358

Tones of #f35358

Color Blindness Simulator