#f06a71 hex color

In a RGB color space, hex #f06a71 is composed of 94.1% red, 41.6% green and 44.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.8% magenta, 52.9% yellow and 5.9% black. It has a hue angle of 356.9 degrees, a saturation of 81.7% and a lightness of 67.8%. #f06a71 color hex could be obtained by blending #ffd4e2 with #e10000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 94
- G 42
- B 44
RGB color chart
- C 0
- M 56
- Y 53
- K 6
CMYK color chart

● #f06a71 color description : Soft red.

The hexadecimal color #f06a71 has RGB values of R:240, G:106, B:113 and CMYK values of C:0, M:0.56, Y:0.53, K:0.06. Its decimal value is 15755889.

Hex triplet	f06a71	`#f06a71`
RGB Decimal	240, 106, 113	`rgb(240,106,113)`
RGB Percent	94.1, 41.6, 44.3	`rgb(94.1%,41.6%,44.3%)`
CMYK	0, 56, 53, 6
HSL	356.9°, 81.7, 67.8	`hsl(356.9,81.7%,67.8%)`
HSV (or HSB)	356.9°, 55.8, 94.1
Web Safe	ff6666	`#ff6666`

CIE-LAB	61.68, 52.171, 21.978
XYZ	44.071, 30.03, 19.097
xyY	0.473, 0.322, 30.03
CIE-LCH	61.68, 56.611, 22.844
CIE-LUV	61.68, 97.525, 17.198
Hunter-Lab	54.799, 47.656, 17.697
Binary	11110000, 01101010, 01110001

#f06a71
```
#f06a71 rgb(240,106,113)
```
#6af0e9
```
#6af0e9 rgb(106,240,233)
```

Complementary Color

#f06ab4
```
#f06ab4 rgb(240,106,180)
```
#f06a71
```
#f06a71 rgb(240,106,113)
```
#f0a66a
```
#f0a66a rgb(240,166,106)
```

Analogous Color

#6ab4f0
```
#6ab4f0 rgb(106,180,240)
```
#f06a71
```
#f06a71 rgb(240,106,113)
```
#6af0a6
```
#6af0a6 rgb(106,240,166)
```

Split Complementary Color

#6a71f0
```
#6a71f0 rgb(106,113,240)
```
#f06a71
```
#f06a71 rgb(240,106,113)
```
#71f06a
```
#71f06a rgb(113,240,106)
```

Triadic Color

#e96af0
```
#e96af0 rgb(233,106,240)
```
#f06a71
```
#f06a71 rgb(240,106,113)
```
#71f06a
```
#71f06a rgb(113,240,106)
```
#6af0e9
```
#6af0e9 rgb(106,240,233)
```

Tetradic Color

#e9242f
```
#e9242f rgb(233,36,47)
```
#eb3c45
```
#eb3c45 rgb(235,60,69)
```
#ee535b
```
#ee535b rgb(238,83,91)
```
#f06a71
```
#f06a71 rgb(240,106,113)
```
#f28187
```
#f28187 rgb(242,129,135)
```
#f5989d
```
#f5989d rgb(245,152,157)
```
#f7b0b3
```
#f7b0b3 rgb(247,176,179)
```

Monochromatic Color

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

#f06a93
```
#f06a93 rgb(240,106,147)
```
#f06a87
```
#f06a87 rgb(240,106,135)
```
#f06a7c
```
#f06a7c rgb(240,106,124)
```
#f06a71
```
#f06a71 rgb(240,106,113)
```
#f06e6a
```
#f06e6a rgb(240,110,106)
```
#f0796a
```
#f0796a rgb(240,121,106)
```
#f0856a
```
#f0856a rgb(240,133,106)
```

Similar Colors

Text with hexadecimal color #f06a71

This text has a font color of #f06a71.

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

#f06a71 background color

This paragraph has a background color of #f06a71.

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

#f06a71 border color

This element has a border color of #f06a71.

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

CSS codes

.text {color:#f06a71;}

.background {background-color:#f06a71;}

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

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

#0b0102
```
#0b0102 rgb(11,1,2)
```
#1d0304
```
#1d0304 rgb(29,3,4)
```
#2f0507
```
#2f0507 rgb(47,5,7)
```
#41070a
```
#41070a rgb(65,7,10)
```
#53080c
```
#53080c rgb(83,8,12)
```
#640a0f
```
#640a0f rgb(100,10,15)
```
#760c11
```
#760c11 rgb(118,12,17)
```
#880e14
```
#880e14 rgb(136,14,20)
```
#9a0f17
```
#9a0f17 rgb(154,15,23)
```
#ac1119
```
#ac1119 rgb(172,17,25)
```
#be131c
```
#be131c rgb(190,19,28)
```
#cf151f
```
#cf151f rgb(207,21,31)
```
#e11721
```
#e11721 rgb(225,23,33)
```

Shade Color Variation

#e9232d
```
#e9232d rgb(233,35,45)
```
#eb353e
```
#eb353e rgb(235,53,62)
```
#ec464f
```
#ec464f rgb(236,70,79)
```
#ee5860
```
#ee5860 rgb(238,88,96)
```
#f06a71
```
#f06a71 rgb(240,106,113)
```
#f27c82
```
#f27c82 rgb(242,124,130)
```
#f48e93
```
#f48e93 rgb(244,142,147)
```
#f59fa4
```
#f59fa4 rgb(245,159,164)
```
#f7b1b5
```
#f7b1b5 rgb(247,177,181)
```
#f9c3c6
```
#f9c3c6 rgb(249,195,198)
```
#fbd5d7
```
#fbd5d7 rgb(251,213,215)
```
#fde7e8
```
#fde7e8 rgb(253,231,232)
```
#fef9f9
```
#fef9f9 rgb(254,249,249)
```

Tint Color Variation

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

#b1a9a9
```
#b1a9a9 rgb(177,169,169)
```
#b7a3a4
```
#b7a3a4 rgb(183,163,164)
```
#be9c9e
```
#be9c9e rgb(190,156,158)
```
#c49699
```
#c49699 rgb(196,150,153)
```
#ca9093
```
#ca9093 rgb(202,144,147)
```
#d08a8d
```
#d08a8d rgb(208,138,141)
```
#d78388
```
#d78388 rgb(215,131,136)
```
#dd7d82
```
#dd7d82 rgb(221,125,130)
```
#e3777c
```
#e3777c rgb(227,119,124)
```
#ea7077
```
#ea7077 rgb(234,112,119)
```
#f06a71
```
#f06a71 rgb(240,106,113)
```
#f6646b
```
#f6646b rgb(246,100,107)
```
#fd5d66
```
#fd5d66 rgb(253,93,102)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#a68b8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19a89 Protanopia 1% of men
#b69470 Deuteranopia 1% of men
#f07178 Tritanopia 0.001% of the population

Trichromacy

#bd8880 Protanomaly 1% of men, 0.01% of women
#cb8470 Deuteranomaly 6% of men, 0.4% of women
#f06e75 Tritanomaly 0.01% of the population

#f06a71 hex color

#f06a71 Color Information

#f06a71 Color Conversion

Color Schemes with #f06a71

Alternatives to #f06a71

#f06a71 Preview

Shades and Tints of #f06a71

Tones of #f06a71

Color Blindness Simulator