#f06f61 hex color

In a RGB color space, hex #f06f61 is composed of 94.1% red, 43.5% green and 38% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.8% magenta, 59.6% yellow and 5.9% black. It has a hue angle of 5.9 degrees, a saturation of 82.7% and a lightness of 66.1%. #f06f61 color hex could be obtained by blending #ffdec2 with #e10000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 94
- G 44
- B 38
RGB color chart
- C 0
- M 54
- Y 60
- K 6
CMYK color chart

● #f06f61 color description : Soft red.

The hexadecimal color #f06f61 has RGB values of R:240, G:111, B:97 and CMYK values of C:0, M:0.54, Y:0.6, K:0.06. Its decimal value is 15757153.

Hex triplet	f06f61	`#f06f61`
RGB Decimal	240, 111, 97	`rgb(240,111,97)`
RGB Percent	94.1, 43.5, 38	`rgb(94.1%,43.5%,38%)`
CMYK	0, 54, 60, 6
HSL	5.9°, 82.7, 66.1	`hsl(5.9,82.7%,66.1%)`
HSV (or HSB)	5.9°, 59.6, 94.1
Web Safe	ff6666	`#ff6666`

CIE-LAB	62.306, 48.616, 31.852
XYZ	43.779, 30.761, 14.941
xyY	0.489, 0.344, 30.761
CIE-LCH	62.306, 58.121, 33.232
CIE-LUV	62.306, 97.633, 28.359
Hunter-Lab	55.463, 43.836, 22.852
Binary	11110000, 01101111, 01100001

#f06f61
```
#f06f61 rgb(240,111,97)
```
#61e2f0
```
#61e2f0 rgb(97,226,240)
```

Complementary Color

#f0619b
```
#f0619b rgb(240,97,155)
```
#f06f61
```
#f06f61 rgb(240,111,97)
```
#f0b761
```
#f0b761 rgb(240,183,97)
```

Analogous Color

#619bf0
```
#619bf0 rgb(97,155,240)
```
#f06f61
```
#f06f61 rgb(240,111,97)
```
#61f0b7
```
#61f0b7 rgb(97,240,183)
```

Split Complementary Color

#6f61f0
```
#6f61f0 rgb(111,97,240)
```
#f06f61
```
#f06f61 rgb(240,111,97)
```
#61f06f
```
#61f06f rgb(97,240,111)
```

Triadic Color

#f061e2
```
#f061e2 rgb(240,97,226)
```
#f06f61
```
#f06f61 rgb(240,111,97)
```
#61f06f
```
#61f06f rgb(97,240,111)
```
#61e2f0
```
#61e2f0 rgb(97,226,240)
```

Tetradic Color

#e92f1b
```
#e92f1b rgb(233,47,27)
```
#ec4532
```
#ec4532 rgb(236,69,50)
```
#ee5a4a
```
#ee5a4a rgb(238,90,74)
```
#f06f61
```
#f06f61 rgb(240,111,97)
```
#f28478
```
#f28478 rgb(242,132,120)
```
#f49990
```
#f49990 rgb(244,153,144)
```
#f7afa7
```
#f7afa7 rgb(247,175,167)
```

Monochromatic Color

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

#f06177
```
#f06177 rgb(240,97,119)
```
#f0616b
```
#f0616b rgb(240,97,107)
```
#f06361
```
#f06361 rgb(240,99,97)
```
#f06f61
```
#f06f61 rgb(240,111,97)
```
#f07b61
```
#f07b61 rgb(240,123,97)
```
#f08761
```
#f08761 rgb(240,135,97)
```
#f09361
```
#f09361 rgb(240,147,97)
```

Similar Colors

Text with hexadecimal color #f06f61

This text has a font color of #f06f61.

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

#f06f61 background color

This paragraph has a background color of #f06f61.

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

#f06f61 border color

This element has a border color of #f06f61.

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

CSS codes

.text {color:#f06f61;}

.background {background-color:#f06f61;}

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

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

#030100
```
#030100 rgb(3,1,0)
```
#150402
```
#150402 rgb(21,4,2)
```
#270704
```
#270704 rgb(39,7,4)
```
#390a05
```
#390a05 rgb(57,10,5)
```
#4b0e07
```
#4b0e07 rgb(75,14,7)
```
#5d1109
```
#5d1109 rgb(93,17,9)
```
#6f140b
```
#6f140b rgb(111,20,11)
```
#81180c
```
#81180c rgb(129,24,12)
```
#931b0e
```
#931b0e rgb(147,27,14)
```
#a41e10
```
#a41e10 rgb(164,30,16)
```
#b62111
```
#b62111 rgb(182,33,17)
```
#c82513
```
#c82513 rgb(200,37,19)
```
#da2815
```
#da2815 rgb(218,40,21)
```

Shade Color Variation

#e92e19
```
#e92e19 rgb(233,46,25)
```
#eb3e2b
```
#eb3e2b rgb(235,62,43)
```
#ed4e3d
```
#ed4e3d rgb(237,78,61)
```
#ee5f4f
```
#ee5f4f rgb(238,95,79)
```
#f06f61
```
#f06f61 rgb(240,111,97)
```
#f27f73
```
#f27f73 rgb(242,127,115)
```
#f39085
```
#f39085 rgb(243,144,133)
```
#f5a097
```
#f5a097 rgb(245,160,151)
```
#f7b0a9
```
#f7b0a9 rgb(247,176,169)
```
#f9c1bb
```
#f9c1bb rgb(249,193,187)
```
#fad1cc
```
#fad1cc rgb(250,209,204)
```
#fce1de
```
#fce1de rgb(252,225,222)
```
#fef2f0
```
#fef2f0 rgb(254,242,240)
```

Tint Color Variation

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

#ada5a4
```
#ada5a4 rgb(173,165,164)
```
#b49f9d
```
#b49f9d rgb(180,159,157)
```
#bb9a96
```
#bb9a96 rgb(187,154,150)
```
#c19490
```
#c19490 rgb(193,148,144)
```
#c88f89
```
#c88f89 rgb(200,143,137)
```
#cf8a82
```
#cf8a82 rgb(207,138,130)
```
#d5847c
```
#d5847c rgb(213,132,124)
```
#dc7f75
```
#dc7f75 rgb(220,127,117)
```
#e37a6e
```
#e37a6e rgb(227,122,110)
```
#e97468
```
#e97468 rgb(233,116,104)
```
#f06f61
```
#f06f61 rgb(240,111,97)
```
#f76a5a
```
#f76a5a rgb(247,106,90)
```
#fd6454
```
#fd6454 rgb(253,100,84)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#a68d8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#a69b77 Protanopia 1% of men
#bb9561 Deuteranopia 1% of men
#f1737b Tritanopia 0.001% of the population

Trichromacy

#c18b6f Protanomaly 1% of men, 0.01% of women
#ce8761 Deuteranomaly 6% of men, 0.4% of women
#f17271 Tritanomaly 0.01% of the population

#f06f61 hex color

#f06f61 Color Information

#f06f61 Color Conversion

Color Schemes with #f06f61

Alternatives to #f06f61

#f06f61 Preview

Shades and Tints of #f06f61

Tones of #f06f61

Color Blindness Simulator