#f06966 hex color

In a RGB color space, hex #f06966 is composed of 94.1% red, 41.2% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.3% magenta, 57.5% yellow and 5.9% black. It has a hue angle of 1.3 degrees, a saturation of 82.1% and a lightness of 67.1%. #f06966 color hex could be obtained by blending #ffd2cc with #e10000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 94
- G 41
- B 40
RGB color chart
- C 0
- M 56
- Y 58
- K 6
CMYK color chart

● #f06966 color description : Soft red.

The hexadecimal color #f06966 has RGB values of R:240, G:105, B:102 and CMYK values of C:0, M:0.56, Y:0.58, K:0.06. Its decimal value is 15755622.

Hex triplet	f06966	`#f06966`
RGB Decimal	240, 105, 102	`rgb(240,105,102)`
RGB Percent	94.1, 41.2, 40	`rgb(94.1%,41.2%,40%)`
CMYK	0, 56, 58, 6
HSL	1.3°, 82.1, 67.1	`hsl(1.3,82.1%,67.1%)`
HSV (or HSB)	1.3°, 57.5, 94.1
Web Safe	ff6666	`#ff6666`

CIE-LAB	61.3, 51.792, 27.744
XYZ	43.386, 29.592, 15.997
xyY	0.488, 0.333, 29.592
CIE-LCH	61.3, 58.754, 28.177
CIE-LUV	61.3, 100.721, 23.297
Hunter-Lab	54.398, 47.169, 20.644
Binary	11110000, 01101001, 01100110

#f06966
```
#f06966 rgb(240,105,102)
```
#66edf0
```
#66edf0 rgb(102,237,240)
```

Complementary Color

#f066a8
```
#f066a8 rgb(240,102,168)
```
#f06966
```
#f06966 rgb(240,105,102)
```
#f0ae66
```
#f0ae66 rgb(240,174,102)
```

Analogous Color

#66a8f0
```
#66a8f0 rgb(102,168,240)
```
#f06966
```
#f06966 rgb(240,105,102)
```
#66f0ae
```
#66f0ae rgb(102,240,174)
```

Split Complementary Color

#6966f0
```
#6966f0 rgb(105,102,240)
```
#f06966
```
#f06966 rgb(240,105,102)
```
#66f069
```
#66f069 rgb(102,240,105)
```

Triadic Color

#f066ed
```
#f066ed rgb(240,102,237)
```
#f06966
```
#f06966 rgb(240,105,102)
```
#66f069
```
#66f069 rgb(102,240,105)
```
#66edf0
```
#66edf0 rgb(102,237,240)
```

Tetradic Color

#e92520
```
#e92520 rgb(233,37,32)
```
#eb3b38
```
#eb3b38 rgb(235,59,56)
```
#ee524f
```
#ee524f rgb(238,82,79)
```
#f06966
```
#f06966 rgb(240,105,102)
```
#f2807d
```
#f2807d rgb(242,128,125)
```
#f59794
```
#f59794 rgb(245,151,148)
```
#f7adac
```
#f7adac rgb(247,173,172)
```

Monochromatic Color

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

#f06686
```
#f06686 rgb(240,102,134)
```
#f0667a
```
#f0667a rgb(240,102,122)
```
#f0666f
```
#f0666f rgb(240,102,111)
```
#f06966
```
#f06966 rgb(240,105,102)
```
#f07566
```
#f07566 rgb(240,117,102)
```
#f08066
```
#f08066 rgb(240,128,102)
```
#f08c66
```
#f08c66 rgb(240,140,102)
```

Similar Colors

Text with hexadecimal color #f06966

This text has a font color of #f06966.

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

#f06966 background color

This paragraph has a background color of #f06966.

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

#f06966 border color

This element has a border color of #f06966.

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

CSS codes

.text {color:#f06966;}

.background {background-color:#f06966;}

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

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

#080101
```
#080101 rgb(8,1,1)
```
#1a0303
```
#1a0303 rgb(26,3,3)
```
#2c0504
```
#2c0504 rgb(44,5,4)
```
#3d0706
```
#3d0706 rgb(61,7,6)
```
#4f0908
```
#4f0908 rgb(79,9,8)
```
#610b0a
```
#610b0a rgb(97,11,10)
```
#730e0b
```
#730e0b rgb(115,14,11)
```
#85100d
```
#85100d rgb(133,16,13)
```
#97120f
```
#97120f rgb(151,18,15)
```
#a91411
```
#a91411 rgb(169,20,17)
```
#ba1612
```
#ba1612 rgb(186,22,18)
```
#cc1814
```
#cc1814 rgb(204,24,20)
```
#de1a16
```
#de1a16 rgb(222,26,22)
```

Shade Color Variation

#e9231f
```
#e9231f rgb(233,35,31)
```
#eb3430
```
#eb3430 rgb(235,52,48)
```
#ec4642
```
#ec4642 rgb(236,70,66)
```
#ee5754
```
#ee5754 rgb(238,87,84)
```
#f06966
```
#f06966 rgb(240,105,102)
```
#f27b78
```
#f27b78 rgb(242,123,120)
```
#f48c8a
```
#f48c8a rgb(244,140,138)
```
#f59e9c
```
#f59e9c rgb(245,158,156)
```
#f7afad
```
#f7afad rgb(247,175,173)
```
#f9c1bf
```
#f9c1bf rgb(249,193,191)
```
#fbd2d1
```
#fbd2d1 rgb(251,210,209)
```
#fce4e3
```
#fce4e3 rgb(252,228,227)
```
#fef5f5
```
#fef5f5 rgb(254,245,245)
```

Tint Color Variation

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

#afa7a7
```
#afa7a7 rgb(175,167,167)
```
#b6a1a0
```
#b6a1a0 rgb(182,161,160)
```
#bc9a9a
```
#bc9a9a rgb(188,154,154)
```
#c39493
```
#c39493 rgb(195,148,147)
```
#c98e8d
```
#c98e8d rgb(201,142,141)
```
#d08886
```
#d08886 rgb(208,136,134)
```
#d68280
```
#d68280 rgb(214,130,128)
```
#dd7c79
```
#dd7c79 rgb(221,124,121)
```
#e37573
```
#e37573 rgb(227,117,115)
```
#ea6f6c
```
#ea6f6c rgb(234,111,108)
```
#f06966
```
#f06966 rgb(240,105,102)
```
#f66360
```
#f66360 rgb(246,99,96)
```
#fd5d59
```
#fd5d59 rgb(253,93,89)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#a48988 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2997e Protanopia 1% of men
#b79365 Deuteranopia 1% of men
#f16f76 Tritanopia 0.001% of the population

Trichromacy

#be8775 Protanomaly 1% of men, 0.01% of women
#cc8365 Deuteranomaly 6% of men, 0.4% of women
#f06d70 Tritanomaly 0.01% of the population

#f06966 hex color

#f06966 Color Information

#f06966 Color Conversion

Color Schemes with #f06966

Alternatives to #f06966

#f06966 Preview

Shades and Tints of #f06966

Tones of #f06966

Color Blindness Simulator