#f26f60 hex color

In a RGB color space, hex #f26f60 is composed of 94.9% red, 43.5% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.1% magenta, 60.3% yellow and 5.1% black. It has a hue angle of 6.2 degrees, a saturation of 84.9% and a lightness of 66.3%. #f26f60 color hex could be obtained by blending #ffdec0 with #e50000. Closest websafe color is: #ff6666.

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

● #f26f60 color description : Soft red.

The hexadecimal color #f26f60 has RGB values of R:242, G:111, B:96 and CMYK values of C:0, M:0.54, Y:0.6, K:0.05. Its decimal value is 15888224.

Hex triplet	f26f60	`#f26f60`
RGB Decimal	242, 111, 96	`rgb(242,111,96)`
RGB Percent	94.9, 43.5, 37.6	`rgb(94.9%,43.5%,37.6%)`
CMYK	0, 54, 60, 5
HSL	6.2°, 84.9, 66.3	`hsl(6.2,84.9%,66.3%)`
HSV (or HSB)	6.2°, 60.3, 94.9
Web Safe	ff6666	`#ff6666`

CIE-LAB	62.588, 49.263, 32.829
XYZ	44.415, 31.095, 14.729
xyY	0.492, 0.345, 31.095
CIE-LCH	62.588, 59.199, 33.68
CIE-LUV	62.588, 99.472, 29.196
Hunter-Lab	55.763, 44.591, 23.374
Binary	11110010, 01101111, 01100000

#f26f60
```
#f26f60 rgb(242,111,96)
```
#60e3f2
```
#60e3f2 rgb(96,227,242)
```

Complementary Color

#f2609a
```
#f2609a rgb(242,96,154)
```
#f26f60
```
#f26f60 rgb(242,111,96)
```
#f2b860
```
#f2b860 rgb(242,184,96)
```

Analogous Color

#609af2
```
#609af2 rgb(96,154,242)
```
#f26f60
```
#f26f60 rgb(242,111,96)
```
#60f2b8
```
#60f2b8 rgb(96,242,184)
```

Split Complementary Color

#6f60f2
```
#6f60f2 rgb(111,96,242)
```
#f26f60
```
#f26f60 rgb(242,111,96)
```
#60f26f
```
#60f26f rgb(96,242,111)
```

Triadic Color

#f260e3
```
#f260e3 rgb(242,96,227)
```
#f26f60
```
#f26f60 rgb(242,111,96)
```
#60f26f
```
#60f26f rgb(96,242,111)
```
#60e3f2
```
#60e3f2 rgb(96,227,242)
```

Tetradic Color

#ec2f19
```
#ec2f19 rgb(236,47,25)
```
#ee4431
```
#ee4431 rgb(238,68,49)
```
#f05a48
```
#f05a48 rgb(240,90,72)
```
#f26f60
```
#f26f60 rgb(242,111,96)
```
#f48478
```
#f48478 rgb(244,132,120)
```
#f69a8f
```
#f69a8f rgb(246,154,143)
```
#f8afa7
```
#f8afa7 rgb(248,175,167)
```

Monochromatic Color

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

#f26076
```
#f26076 rgb(242,96,118)
```
#f26069
```
#f26069 rgb(242,96,105)
```
#f26360
```
#f26360 rgb(242,99,96)
```
#f26f60
```
#f26f60 rgb(242,111,96)
```
#f27b60
```
#f27b60 rgb(242,123,96)
```
#f28760
```
#f28760 rgb(242,135,96)
```
#f29460
```
#f29460 rgb(242,148,96)
```

Similar Colors

Text with hexadecimal color #f26f60

This text has a font color of #f26f60.

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

#f26f60 background color

This paragraph has a background color of #f26f60.

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

#f26f60 border color

This element has a border color of #f26f60.

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

CSS codes

.text {color:#f26f60;}

.background {background-color:#f26f60;}

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

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

#040100
```
#040100 rgb(4,1,0)
```
#160402
```
#160402 rgb(22,4,2)
```
#280703
```
#280703 rgb(40,7,3)
```
#3b0a05
```
#3b0a05 rgb(59,10,5)
```
#4d0e06
```
#4d0e06 rgb(77,14,6)
```
#5f1108
```
#5f1108 rgb(95,17,8)
```
#711409
```
#711409 rgb(113,20,9)
```
#83170b
```
#83170b rgb(131,23,11)
```
#951a0c
```
#951a0c rgb(149,26,12)
```
#a71d0e
```
#a71d0e rgb(167,29,14)
```
#ba210f
```
#ba210f rgb(186,33,15)
```
#cc2411
```
#cc2411 rgb(204,36,17)
```
#de2712
```
#de2712 rgb(222,39,18)
```

Shade Color Variation

#ec2d17
```
#ec2d17 rgb(236,45,23)
```
#ee3e2a
```
#ee3e2a rgb(238,62,42)
```
#ef4e3c
```
#ef4e3c rgb(239,78,60)
```
#f15f4e
```
#f15f4e rgb(241,95,78)
```
#f26f60
```
#f26f60 rgb(242,111,96)
```
#f37f72
```
#f37f72 rgb(243,127,114)
```
#f59084
```
#f59084 rgb(245,144,132)
```
#f6a096
```
#f6a096 rgb(246,160,150)
```
#f8b1a9
```
#f8b1a9 rgb(248,177,169)
```
#f9c1bb
```
#f9c1bb rgb(249,193,187)
```
#fbd2cd
```
#fbd2cd rgb(251,210,205)
```
#fce2df
```
#fce2df rgb(252,226,223)
```
#fef2f1
```
#fef2f1 rgb(254,242,241)
```

Tint Color Variation

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

#a9a9a9
```
#a9a9a9 rgb(169,169,169)
```
#b0a4a2
```
#b0a4a2 rgb(176,164,162)
```
#b69e9c
```
#b69e9c rgb(182,158,156)
```
#bd9995
```
#bd9995 rgb(189,153,149)
```
#c4948e
```
#c4948e rgb(196,148,142)
```
#ca8f88
```
#ca8f88 rgb(202,143,136)
```
#d18981
```
#d18981 rgb(209,137,129)
```
#d8847a
```
#d8847a rgb(216,132,122)
```
#de7f74
```
#de7f74 rgb(222,127,116)
```
#e57a6d
```
#e57a6d rgb(229,122,109)
```
#eb7467
```
#eb7467 rgb(235,116,103)
```
#f26f60
```
#f26f60 rgb(242,111,96)
```
#f96a59
```
#f96a59 rgb(249,106,89)
```

Tone Color Variation

Below, you can see how #f26f60 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
#a78d8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#a79c76 Protanopia 1% of men
#bc9660 Deuteranopia 1% of men
#f3737a Tritanopia 0.001% of the population

Trichromacy

#c28b6e Protanomaly 1% of men, 0.01% of women
#d08760 Deuteranomaly 6% of men, 0.4% of women
#f37271 Tritanomaly 0.01% of the population

#f26f60 hex color

#f26f60 Color Information

#f26f60 Color Conversion

Color Schemes with #f26f60

Alternatives to #f26f60

#f26f60 Preview

Shades and Tints of #f26f60

Tones of #f26f60

Color Blindness Simulator