#fc696f hex color

In a RGB color space, hex #fc696f is composed of 98.8% red, 41.2% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.3% magenta, 56% yellow and 1.2% black. It has a hue angle of 357.6 degrees, a saturation of 96.1% and a lightness of 70%. #fc696f color hex could be obtained by blending #ffd2de with #f90000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 99
- G 41
- B 44
RGB color chart
- C 0
- M 58
- Y 56
- K 1
CMYK color chart

● #fc696f color description : Soft red.

The hexadecimal color #fc696f has RGB values of R:252, G:105, B:111 and CMYK values of C:0, M:0.58, Y:0.56, K:0.01. Its decimal value is 16542063.

Hex triplet	fc696f	`#fc696f`
RGB Decimal	252, 105, 111	`rgb(252,105,111)`
RGB Percent	98.8, 41.2, 43.5	`rgb(98.8%,41.2%,43.5%)`
CMYK	0, 58, 56, 1
HSL	357.6°, 96.1, 70	`hsl(357.6,96.1%,70%)`
HSV (or HSB)	357.6°, 58.3, 98.8
Web Safe	ff6666	`#ff6666`

CIE-LAB	63.302, 56.538, 25.609
XYZ	48.067, 31.951, 18.674
xyY	0.487, 0.324, 31.951
CIE-LCH	63.302, 62.067, 24.368
CIE-LUV	63.302, 108.423, 20.248
Hunter-Lab	56.525, 52.872, 19.98
Binary	11111100, 01101001, 01101111

#fc696f
```
#fc696f rgb(252,105,111)
```
#69fcf6
```
#69fcf6 rgb(105,252,246)
```

Complementary Color

#fc69b9
```
#fc69b9 rgb(252,105,185)
```
#fc696f
```
#fc696f rgb(252,105,111)
```
#fcad69
```
#fcad69 rgb(252,173,105)
```

Analogous Color

#69b9fc
```
#69b9fc rgb(105,185,252)
```
#fc696f
```
#fc696f rgb(252,105,111)
```
#69fcad
```
#69fcad rgb(105,252,173)
```

Split Complementary Color

#696ffc
```
#696ffc rgb(105,111,252)
```
#fc696f
```
#fc696f rgb(252,105,111)
```
#6ffc69
```
#6ffc69 rgb(111,252,105)
```

Triadic Color

#f669fc
```
#f669fc rgb(246,105,252)
```
#fc696f
```
#fc696f rgb(252,105,111)
```
#6ffc69
```
#6ffc69 rgb(111,252,105)
```
#69fcf6
```
#69fcf6 rgb(105,252,246)
```

Tetradic Color

#fb1e27
```
#fb1e27 rgb(251,30,39)
```
#fb373f
```
#fb373f rgb(251,55,63)
```
#fc5057
```
#fc5057 rgb(252,80,87)
```
#fc696f
```
#fc696f rgb(252,105,111)
```
#fd8287
```
#fd8287 rgb(253,130,135)
```
#fd9b9f
```
#fd9b9f rgb(253,155,159)
```
#feb4b7
```
#feb4b7 rgb(254,180,183)
```

Monochromatic Color

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

#fc6994
```
#fc6994 rgb(252,105,148)
```
#fc6988
```
#fc6988 rgb(252,105,136)
```
#fc697b
```
#fc697b rgb(252,105,123)
```
#fc696f
```
#fc696f rgb(252,105,111)
```
#fc6f69
```
#fc6f69 rgb(252,111,105)
```
#fc7c69
```
#fc7c69 rgb(252,124,105)
```
#fc8869
```
#fc8869 rgb(252,136,105)
```

Similar Colors

Text with hexadecimal color #fc696f

This text has a font color of #fc696f.

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

#fc696f background color

This paragraph has a background color of #fc696f.

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

#fc696f border color

This element has a border color of #fc696f.

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

CSS codes

.text {color:#fc696f;}

.background {background-color:#fc696f;}

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

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 #fff0f0 is the lightest one.

#040000
```
#040000 rgb(4,0,0)
```
#170001
```
#170001 rgb(23,0,1)
```
#2a0103
```
#2a0103 rgb(42,1,3)
```
#3e0104
```
#3e0104 rgb(62,1,4)
```
#510205
```
#510205 rgb(81,2,5)
```
#640206
```
#640206 rgb(100,2,6)
```
#770207
```
#770207 rgb(119,2,7)
```
#8a0308
```
#8a0308 rgb(138,3,8)
```
#9e0309
```
#9e0309 rgb(158,3,9)
```
#b1040b
```
#b1040b rgb(177,4,11)
```
#c4040c
```
#c4040c rgb(196,4,12)
```
#d7040d
```
#d7040d rgb(215,4,13)
```
#eb050e
```
#eb050e rgb(235,5,14)
```

Shade Color Variation

#fa0913
```
#fa0913 rgb(250,9,19)
```
#fa1c25
```
#fa1c25 rgb(250,28,37)
```
#fb2f38
```
#fb2f38 rgb(251,47,56)
```
#fb434a
```
#fb434a rgb(251,67,74)
```
#fc565d
```
#fc565d rgb(252,86,93)
```
#fc696f
```
#fc696f rgb(252,105,111)
```
#fc7c81
```
#fc7c81 rgb(252,124,129)
```
#fd8f94
```
#fd8f94 rgb(253,143,148)
```
#fda3a6
```
#fda3a6 rgb(253,163,166)
```
#feb6b9
```
#feb6b9 rgb(254,182,185)
```
#fec9cb
```
#fec9cb rgb(254,201,203)
```
#fedcde
```
#fedcde rgb(254,220,222)
```
#fff0f0
```
#fff0f0 rgb(255,240,240)
```

Tint Color Variation

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

#b5b0b0
```
#b5b0b0 rgb(181,176,176)
```
#bbaaaa
```
#bbaaaa rgb(187,170,170)
```
#c1a4a5
```
#c1a4a5 rgb(193,164,165)
```
#c79ea0
```
#c79ea0 rgb(199,158,160)
```
#cd989a
```
#cd989a rgb(205,152,154)
```
#d39295
```
#d39295 rgb(211,146,149)
```
#d98c8f
```
#d98c8f rgb(217,140,143)
```
#df868a
```
#df868a rgb(223,134,138)
```
#e48185
```
#e48185 rgb(228,129,133)
```
#ea7b7f
```
#ea7b7f rgb(234,123,127)
```
#f0757a
```
#f0757a rgb(240,117,122)
```
#f66f74
```
#f66f74 rgb(246,111,116)
```
#fc696f
```
#fc696f rgb(252,105,111)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#aa8d8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a69e89 Protanopia 1% of men
#bc986d Deuteranopia 1% of men
#fc7077 Tritanopia 0.001% of the population

Trichromacy

#c58a7f Protanomaly 1% of men, 0.01% of women
#d3866e Deuteranomaly 6% of men, 0.4% of women
#fc6d74 Tritanomaly 0.01% of the population

#fc696f hex color

#fc696f Color Information

#fc696f Color Conversion

Color Schemes with #fc696f

Alternatives to #fc696f

#fc696f Preview

Shades and Tints of #fc696f

Tones of #fc696f

Color Blindness Simulator