#f26a77 hex color

In a RGB color space, hex #f26a77 is composed of 94.9% red, 41.6% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.2% magenta, 50.8% yellow and 5.1% black. It has a hue angle of 354.3 degrees, a saturation of 84% and a lightness of 68.2%. #f26a77 color hex could be obtained by blending #ffd4ee with #e50000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 95
- G 42
- B 47
RGB color chart
- C 0
- M 56
- Y 51
- K 5
CMYK color chart

● #f26a77 color description : Soft red.

The hexadecimal color #f26a77 has RGB values of R:242, G:106, B:119 and CMYK values of C:0, M:0.56, Y:0.51, K:0.05. Its decimal value is 15886967.

Hex triplet	f26a77	`#f26a77`
RGB Decimal	242, 106, 119	`rgb(242,106,119)`
RGB Percent	94.9, 41.6, 46.7	`rgb(94.9%,41.6%,46.7%)`
CMYK	0, 56, 51, 5
HSL	354.3°, 84, 68.2	`hsl(354.3,84%,68.2%)`
HSV (or HSB)	354.3°, 56.2, 94.9
Web Safe	ff6666	`#ff6666`

CIE-LAB	62.101, 53.351, 19.163
XYZ	45.103, 30.521, 20.968
xyY	0.467, 0.316, 30.521
CIE-LCH	62.101, 56.688, 19.758
CIE-LUV	62.101, 97.691, 13.833
Hunter-Lab	55.246, 49.047, 16.17
Binary	11110010, 01101010, 01110111

#f26a77
```
#f26a77 rgb(242,106,119)
```
#6af2e5
```
#6af2e5 rgb(106,242,229)
```

Complementary Color

#f26abb
```
#f26abb rgb(242,106,187)
```
#f26a77
```
#f26a77 rgb(242,106,119)
```
#f2a16a
```
#f2a16a rgb(242,161,106)
```

Analogous Color

#6abbf2
```
#6abbf2 rgb(106,187,242)
```
#f26a77
```
#f26a77 rgb(242,106,119)
```
#6af2a1
```
#6af2a1 rgb(106,242,161)
```

Split Complementary Color

#6a77f2
```
#6a77f2 rgb(106,119,242)
```
#f26a77
```
#f26a77 rgb(242,106,119)
```
#77f26a
```
#77f26a rgb(119,242,106)
```

Triadic Color

#e56af2
```
#e56af2 rgb(229,106,242)
```
#f26a77
```
#f26a77 rgb(242,106,119)
```
#77f26a
```
#77f26a rgb(119,242,106)
```
#6af2e5
```
#6af2e5 rgb(106,242,229)
```

Tetradic Color

#ec2437
```
#ec2437 rgb(236,36,55)
```
#ee3b4c
```
#ee3b4c rgb(238,59,76)
```
#f05362
```
#f05362 rgb(240,83,98)
```
#f26a77
```
#f26a77 rgb(242,106,119)
```
#f4818c
```
#f4818c rgb(244,129,140)
```
#f699a2
```
#f699a2 rgb(246,153,162)
```
#f8b0b7
```
#f8b0b7 rgb(248,176,183)
```

Monochromatic Color

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

#f26a99
```
#f26a99 rgb(242,106,153)
```
#f26a8e
```
#f26a8e rgb(242,106,142)
```
#f26a82
```
#f26a82 rgb(242,106,130)
```
#f26a77
```
#f26a77 rgb(242,106,119)
```
#f26a6c
```
#f26a6c rgb(242,106,108)
```
#f2746a
```
#f2746a rgb(242,116,106)
```
#f27f6a
```
#f27f6a rgb(242,127,106)
```

Similar Colors

Text with hexadecimal color #f26a77

This text has a font color of #f26a77.

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

#f26a77 background color

This paragraph has a background color of #f26a77.

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

#f26a77 border color

This element has a border color of #f26a77.

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

CSS codes

.text {color:#f26a77;}

.background {background-color:#f26a77;}

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

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

#0d0102
```
#0d0102 rgb(13,1,2)
```
#1f0305
```
#1f0305 rgb(31,3,5)
```
#310409
```
#310409 rgb(49,4,9)
```
#43060c
```
#43060c rgb(67,6,12)
```
#56070f
```
#56070f rgb(86,7,15)
```
#680912
```
#680912 rgb(104,9,18)
```
#7a0b15
```
#7a0b15 rgb(122,11,21)
```
#8c0c18
```
#8c0c18 rgb(140,12,24)
```
#9e0e1c
```
#9e0e1c rgb(158,14,28)
```
#b00f1f
```
#b00f1f rgb(176,15,31)
```
#c21122
```
#c21122 rgb(194,17,34)
```
#d41225
```
#d41225 rgb(212,18,37)
```
#e61428
```
#e61428 rgb(230,20,40)
```

Shade Color Variation

#ec2235
```
#ec2235 rgb(236,34,53)
```
#ed3446
```
#ed3446 rgb(237,52,70)
```
#ef4656
```
#ef4656 rgb(239,70,86)
```
#f05867
```
#f05867 rgb(240,88,103)
```
#f26a77
```
#f26a77 rgb(242,106,119)
```
#f47c87
```
#f47c87 rgb(244,124,135)
```
#f58e98
```
#f58e98 rgb(245,142,152)
```
#f7a0a8
```
#f7a0a8 rgb(247,160,168)
```
#f8b2b9
```
#f8b2b9 rgb(248,178,185)
```
#fac4c9
```
#fac4c9 rgb(250,196,201)
```
#fbd6da
```
#fbd6da rgb(251,214,218)
```
#fde8ea
```
#fde8ea rgb(253,232,234)
```
#fffafb
```
#fffafb rgb(255,250,251)
```

Tint Color Variation

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

#b4a8a9
```
#b4a8a9 rgb(180,168,169)
```
#baa2a4
```
#baa2a4 rgb(186,162,164)
```
#c09c9f
```
#c09c9f rgb(192,156,159)
```
#c6969a
```
#c6969a rgb(198,150,154)
```
#cd8f95
```
#cd8f95 rgb(205,143,149)
```
#d38990
```
#d38990 rgb(211,137,144)
```
#d9838b
```
#d9838b rgb(217,131,139)
```
#df7d86
```
#df7d86 rgb(223,125,134)
```
#e67681
```
#e67681 rgb(230,118,129)
```
#ec707c
```
#ec707c rgb(236,112,124)
```
#f26a77
```
#f26a77 rgb(242,106,119)
```
#f86472
```
#f86472 rgb(248,100,114)
```
#fe5e6d
```
#fe5e6d rgb(254,94,109)
```

Tone Color Variation

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

Dichromacy

#a09a90 Protanopia 1% of men
#b69575 Deuteranopia 1% of men
#f27279 Tritanopia 0.001% of the population

Trichromacy

#be8987 Protanomaly 1% of men, 0.01% of women
#cc8576 Deuteranomaly 6% of men, 0.4% of women
#f26f78 Tritanomaly 0.01% of the population

#f26a77 hex color

#f26a77 Color Information

#f26a77 Color Conversion

Color Schemes with #f26a77

Alternatives to #f26a77

#f26a77 Preview

Shades and Tints of #f26a77

Tones of #f26a77

Color Blindness Simulator