colorhexa.com

#f35166 hex color

In a RGB color space, hex #f35166 is composed of 95.3% red, 31.8% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.7% magenta, 58% yellow and 4.7% black. It has a hue angle of 352.2 degrees, a saturation of 87.1% and a lightness of 63.5%. #f35166 color hex could be obtained by blending #ffa2cc with #e70000. Closest websafe color is: #ff6666.

- R 95
- G 32
- B 40
RGB color chart
- C 0
- M 67
- Y 58
- K 5
CMYK color chart

● #f35166 color description : Soft red.

The hexadecimal color #f35166 has RGB values of R:243, G:81, B:102 and CMYK values of C:0, M:0.67, Y:0.58, K:0.05. Its decimal value is 15946086.

Hex triplet	f35166	`#f35166`
RGB Decimal	243, 81, 102	`rgb(243,81,102)`
RGB Percent	95.3, 31.8, 40	`rgb(95.3%,31.8%,40%)`
CMYK	0, 67, 58, 5
HSL	352.2°, 87.1, 63.5	`hsl(352.2,87.1%,63.5%)`
HSV (or HSB)	352.2°, 66.7, 95.3
Web Safe	ff6666	`#ff6666`

CIE-LAB	57.945, 63.026, 23.419
XYZ	42.304, 25.903, 15.342
xyY	0.506, 0.31, 25.903
CIE-LCH	57.945, 67.237, 20.384
CIE-LUV	57.945, 118.268, 15.464
Hunter-Lab	50.895, 59.303, 17.754
Binary	11110011, 01010001, 01100110

#f35166
```
#f35166 rgb(243,81,102)
```
#51f3de
```
#51f3de rgb(81,243,222)
```

Complementary Color

#f351b7
```
#f351b7 rgb(243,81,183)
```
#f35166
```
#f35166 rgb(243,81,102)
```
#f38d51
```
#f38d51 rgb(243,141,81)
```

Analogous Color

#51b7f3
```
#51b7f3 rgb(81,183,243)
```
#f35166
```
#f35166 rgb(243,81,102)
```
#51f38d
```
#51f38d rgb(81,243,141)
```

Split Complementary Color

#5166f3
```
#5166f3 rgb(81,102,243)
```
#f35166
```
#f35166 rgb(243,81,102)
```
#66f351
```
#66f351 rgb(102,243,81)
```

Triadic Color

#de51f3
```
#de51f3 rgb(222,81,243)
```
#f35166
```
#f35166 rgb(243,81,102)
```
#66f351
```
#66f351 rgb(102,243,81)
```
#51f3de
```
#51f3de rgb(81,243,222)
```

Tetradic Color

#e8102c
```
#e8102c rgb(232,16,44)
```
#f0213c
```
#f0213c rgb(240,33,60)
```
#f13951
```
#f13951 rgb(241,57,81)
```
#f35166
```
#f35166 rgb(243,81,102)
```
#f5697b
```
#f5697b rgb(245,105,123)
```
#f68190
```
#f68190 rgb(246,129,144)
```
#f899a5
```
#f899a5 rgb(248,153,165)
```

Monochromatic Color

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

#f3518f
```
#f3518f rgb(243,81,143)
```
#f35181
```
#f35181 rgb(243,81,129)
```
#f35174
```
#f35174 rgb(243,81,116)
```
#f35166
```
#f35166 rgb(243,81,102)
```
#f35159
```
#f35159 rgb(243,81,89)
```
#f35751
```
#f35751 rgb(243,87,81)
```
#f36551
```
#f36551 rgb(243,101,81)
```

Similar Colors

Text with hexadecimal color #f35166

This text has a font color of #f35166.

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

#f35166 background color

This paragraph has a background color of #f35166.

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

#f35166 border color

This element has a border color of #f35166.

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

CSS codes

.text {color:#f35166;}

.background {background-color:#f35166;}

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

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

#090102
```
#090102 rgb(9,1,2)
```
#1c0205
```
#1c0205 rgb(28,2,5)
```
#2e0309
```
#2e0309 rgb(46,3,9)
```
#41040c
```
#41040c rgb(65,4,12)
```
#530610
```
#530610 rgb(83,6,16)
```
#650713
```
#650713 rgb(101,7,19)
```
#780817
```
#780817 rgb(120,8,23)
```
#8a0a1a
```
#8a0a1a rgb(138,10,26)
```
#9c0b1e
```
#9c0b1e rgb(156,11,30)
```
#af0c21
```
#af0c21 rgb(175,12,33)
```
#c10d25
```
#c10d25 rgb(193,13,37)
```
#d30f28
```
#d30f28 rgb(211,15,40)
```
#e6102c
```
#e6102c rgb(230,16,44)
```

Shade Color Variation

#ef1a36
```
#ef1a36 rgb(239,26,54)
```
#f02c46
```
#f02c46 rgb(240,44,70)
```
#f23f56
```
#f23f56 rgb(242,63,86)
```
#f35166
```
#f35166 rgb(243,81,102)
```
#f46376
```
#f46376 rgb(244,99,118)
```
#f67686
```
#f67686 rgb(246,118,134)
```
#f78896
```
#f78896 rgb(247,136,150)
```
#f89aa7
```
#f89aa7 rgb(248,154,167)
```
#f9adb7
```
#f9adb7 rgb(249,173,183)
```
#fbbfc7
```
#fbbfc7 rgb(251,191,199)
```
#fcd1d7
```
#fcd1d7 rgb(252,209,215)
```
#fde4e7
```
#fde4e7 rgb(253,228,231)
```
#fef6f7
```
#fef6f7 rgb(254,246,247)
```

Tint Color Variation

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

#a4a0a0
```
#a4a0a0 rgb(164,160,160)
```
#ab999b
```
#ab999b rgb(171,153,155)
```
#b39196
```
#b39196 rgb(179,145,150)
```
#ba8a90
```
#ba8a90 rgb(186,138,144)
```
#c1838b
```
#c1838b rgb(193,131,139)
```
#c87c86
```
#c87c86 rgb(200,124,134)
```
#cf7580
```
#cf7580 rgb(207,117,128)
```
#d66e7b
```
#d66e7b rgb(214,110,123)
```
#de6676
```
#de6676 rgb(222,102,118)
```
#e55f71
```
#e55f71 rgb(229,95,113)
```
#ec586b
```
#ec586b rgb(236,88,107)
```
#f35166
```
#f35166 rgb(243,81,102)
```
#fa4a61
```
#fa4a61 rgb(250,74,97)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#9a7a7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#969084 Protanopia 1% of men
#ac8b63 Deuteranopia 1% of men
#f25c61 Tritanopia 0.001% of the population

Trichromacy

#b87979 Protanomaly 1% of men, 0.01% of women
#c67664 Deuteranomaly 6% of men, 0.4% of women
#f25862 Tritanomaly 0.01% of the population