#f35f64 hex color

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

♥
- f
- t
- g
- R 95
- G 37
- B 39
RGB color chart
- C 0
- M 61
- Y 59
- K 5
CMYK color chart

● #f35f64 color description : Soft red.

The hexadecimal color #f35f64 has RGB values of R:243, G:95, B:100 and CMYK values of C:0, M:0.61, Y:0.59, K:0.05. Its decimal value is 15949668.

Hex triplet	f35f64	`#f35f64`
RGB Decimal	243, 95, 100	`rgb(243,95,100)`
RGB Percent	95.3, 37.3, 39.2	`rgb(95.3%,37.3%,39.2%)`
CMYK	0, 61, 59, 5
HSL	358°, 86, 66.3	`hsl(358,86%,66.3%)`
HSV (or HSB)	358°, 60.9, 95.3
Web Safe	ff6666	`#ff6666`

CIE-LAB	60.036, 57.151, 27.326
XYZ	43.356, 28.164, 15.209
xyY	0.5, 0.325, 28.164
CIE-LCH	60.036, 63.348, 25.554
CIE-LUV	60.036, 110.244, 21.285
Hunter-Lab	53.069, 52.958, 20.157
Binary	11110011, 01011111, 01100100

#f35f64
```
#f35f64 rgb(243,95,100)
```
#5ff3ee
```
#5ff3ee rgb(95,243,238)
```

Complementary Color

#f35fae
```
#f35fae rgb(243,95,174)
```
#f35f64
```
#f35f64 rgb(243,95,100)
```
#f3a45f
```
#f3a45f rgb(243,164,95)
```

Analogous Color

#5faef3
```
#5faef3 rgb(95,174,243)
```
#f35f64
```
#f35f64 rgb(243,95,100)
```
#5ff3a4
```
#5ff3a4 rgb(95,243,164)
```

Split Complementary Color

#5f64f3
```
#5f64f3 rgb(95,100,243)
```
#f35f64
```
#f35f64 rgb(243,95,100)
```
#64f35f
```
#64f35f rgb(100,243,95)
```

Triadic Color

#ee5ff3
```
#ee5ff3 rgb(238,95,243)
```
#f35f64
```
#f35f64 rgb(243,95,100)
```
#64f35f
```
#64f35f rgb(100,243,95)
```
#5ff3ee
```
#5ff3ee rgb(95,243,238)
```

Tetradic Color

#ee181f
```
#ee181f rgb(238,24,31)
```
#ef3036
```
#ef3036 rgb(239,48,54)
```
#f1474d
```
#f1474d rgb(241,71,77)
```
#f35f64
```
#f35f64 rgb(243,95,100)
```
#f5777b
```
#f5777b rgb(245,119,123)
```
#f78e92
```
#f78e92 rgb(247,142,146)
```
#f8a6a9
```
#f8a6a9 rgb(248,166,169)
```

Monochromatic Color

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

#f35f89
```
#f35f89 rgb(243,95,137)
```
#f35f7d
```
#f35f7d rgb(243,95,125)
```
#f35f70
```
#f35f70 rgb(243,95,112)
```
#f35f64
```
#f35f64 rgb(243,95,100)
```
#f3665f
```
#f3665f rgb(243,102,95)
```
#f3735f
```
#f3735f rgb(243,115,95)
```
#f37f5f
```
#f37f5f rgb(243,127,95)
```

Similar Colors

Text with hexadecimal color #f35f64

This text has a font color of #f35f64.

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

#f35f64 background color

This paragraph has a background color of #f35f64.

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

#f35f64 border color

This element has a border color of #f35f64.

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

CSS codes

.text {color:#f35f64;}

.background {background-color:#f35f64;}

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

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

#040000
```
#040000 rgb(4,0,0)
```
#160202
```
#160202 rgb(22,2,2)
```
#290304
```
#290304 rgb(41,3,4)
```
#3b0406
```
#3b0406 rgb(59,4,6)
```
#4d0608
```
#4d0608 rgb(77,6,8)
```
#5f070a
```
#5f070a rgb(95,7,10)
```
#72090c
```
#72090c rgb(114,9,12)
```
#840a0e
```
#840a0e rgb(132,10,14)
```
#960b10
```
#960b10 rgb(150,11,16)
```
#a80d12
```
#a80d12 rgb(168,13,18)
```
#bb0e14
```
#bb0e14 rgb(187,14,20)
```
#cd0f16
```
#cd0f16 rgb(205,15,22)
```
#df1118
```
#df1118 rgb(223,17,24)
```

Shade Color Variation

#ee161d
```
#ee161d rgb(238,22,29)
```
#ef282f
```
#ef282f rgb(239,40,47)
```
#f03b41
```
#f03b41 rgb(240,59,65)
```
#f24d52
```
#f24d52 rgb(242,77,82)
```
#f35f64
```
#f35f64 rgb(243,95,100)
```
#f47176
```
#f47176 rgb(244,113,118)
```
#f68387
```
#f68387 rgb(246,131,135)
```
#f79699
```
#f79699 rgb(247,150,153)
```
#f8a8ab
```
#f8a8ab rgb(248,168,171)
```
#fababc
```
#fababc rgb(250,186,188)
```
#fbccce
```
#fbccce rgb(251,204,206)
```
#fddfe0
```
#fddfe0 rgb(253,223,224)
```
#fef1f1
```
#fef1f1 rgb(254,241,241)
```

Tint Color Variation

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

#aaa8a8
```
#aaa8a8 rgb(170,168,168)
```
#b1a1a2
```
#b1a1a2 rgb(177,161,162)
```
#b79b9c
```
#b79b9c rgb(183,155,156)
```
#be9495
```
#be9495 rgb(190,148,149)
```
#c58d8f
```
#c58d8f rgb(197,141,143)
```
#cb8789
```
#cb8789 rgb(203,135,137)
```
#d28083
```
#d28083 rgb(210,128,131)
```
#d9797d
```
#d9797d rgb(217,121,125)
```
#df7377
```
#df7377 rgb(223,115,119)
```
#e66c70
```
#e66c70 rgb(230,108,112)
```
#ec666a
```
#ec666a rgb(236,102,106)
```
#f35f64
```
#f35f64 rgb(243,95,100)
```
#fa585e
```
#fa585e rgb(250,88,94)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#a18384 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e967e Protanopia 1% of men
#b49062 Deuteranopia 1% of men
#f3676d Tritanopia 0.001% of the population

Trichromacy

#bd8274 Protanomaly 1% of men, 0.01% of women
#ca7e63 Deuteranomaly 6% of men, 0.4% of women
#f36469 Tritanomaly 0.01% of the population

#f35f64 hex color

#f35f64 Color Information

#f35f64 Color Conversion

Color Schemes with #f35f64

Alternatives to #f35f64

#f35f64 Preview

Shades and Tints of #f35f64

Tones of #f35f64

Color Blindness Simulator