#f56266 hex color

In a RGB color space, hex #f56266 is composed of 96.1% red, 38.4% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60% magenta, 58.4% yellow and 3.9% black. It has a hue angle of 358.4 degrees, a saturation of 88% and a lightness of 67.3%. #f56266 color hex could be obtained by blending #ffc4cc with #eb0000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 96
- G 38
- B 40
RGB color chart
- C 0
- M 60
- Y 58
- K 4
CMYK color chart

● #f56266 color description : Soft red.

The hexadecimal color #f56266 has RGB values of R:245, G:98, B:102 and CMYK values of C:0, M:0.6, Y:0.58, K:0.04. Its decimal value is 16081510.

Hex triplet	f56266	`#f56266`
RGB Decimal	245, 98, 102	`rgb(245,98,102)`
RGB Percent	96.1, 38.4, 40	`rgb(96.1%,38.4%,40%)`
CMYK	0, 60, 58, 4
HSL	358.4°, 88, 67.3	`hsl(358.4,88%,67.3%)`
HSV (or HSB)	358.4°, 60, 96.1
Web Safe	ff6666	`#ff6666`

CIE-LAB	60.88, 56.648, 27.344
XYZ	44.424, 29.112, 15.849
xyY	0.497, 0.326, 29.112
CIE-LCH	60.88, 62.902, 25.767
CIE-LUV	60.88, 109.45, 21.589
Hunter-Lab	53.955, 52.545, 20.352
Binary	11110101, 01100010, 01100110

#f56266
```
#f56266 rgb(245,98,102)
```
#62f5f1
```
#62f5f1 rgb(98,245,241)
```

Complementary Color

#f562b0
```
#f562b0 rgb(245,98,176)
```
#f56266
```
#f56266 rgb(245,98,102)
```
#f5a862
```
#f5a862 rgb(245,168,98)
```

Analogous Color

#62b0f5
```
#62b0f5 rgb(98,176,245)
```
#f56266
```
#f56266 rgb(245,98,102)
```
#62f5a8
```
#62f5a8 rgb(98,245,168)
```

Split Complementary Color

#6266f5
```
#6266f5 rgb(98,102,245)
```
#f56266
```
#f56266 rgb(245,98,102)
```
#66f562
```
#66f562 rgb(102,245,98)
```

Triadic Color

#f162f5
```
#f162f5 rgb(241,98,245)
```
#f56266
```
#f56266 rgb(245,98,102)
```
#66f562
```
#66f562 rgb(102,245,98)
```
#62f5f1
```
#62f5f1 rgb(98,245,241)
```

Tetradic Color

#f01a20
```
#f01a20 rgb(240,26,32)
```
#f23237
```
#f23237 rgb(242,50,55)
```
#f34a4f
```
#f34a4f rgb(243,74,79)
```
#f56266
```
#f56266 rgb(245,98,102)
```
#f77a7d
```
#f77a7d rgb(247,122,125)
```
#f89295
```
#f89295 rgb(248,146,149)
```
#faaaac
```
#faaaac rgb(250,170,172)
```

Monochromatic Color

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

#f5628b
```
#f5628b rgb(245,98,139)
```
#f5627f
```
#f5627f rgb(245,98,127)
```
#f56272
```
#f56272 rgb(245,98,114)
```
#f56266
```
#f56266 rgb(245,98,102)
```
#f56a62
```
#f56a62 rgb(245,106,98)
```
#f57762
```
#f57762 rgb(245,119,98)
```
#f58362
```
#f58362 rgb(245,131,98)
```

Similar Colors

Text with hexadecimal color #f56266

This text has a font color of #f56266.

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

#f56266 background color

This paragraph has a background color of #f56266.

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

#f56266 border color

This element has a border color of #f56266.

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

CSS codes

.text {color:#f56266;}

.background {background-color:#f56266;}

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

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

#090101
```
#090101 rgb(9,1,1)
```
#1b0202
```
#1b0202 rgb(27,2,2)
```
#2e0304
```
#2e0304 rgb(46,3,4)
```
#400406
```
#400406 rgb(64,4,6)
```
#530507
```
#530507 rgb(83,5,7)
```
#650609
```
#650609 rgb(101,6,9)
```
#78080b
```
#78080b rgb(120,8,11)
```
#8a090c
```
#8a090c rgb(138,9,12)
```
#9c0a0e
```
#9c0a0e rgb(156,10,14)
```
#af0b10
```
#af0b10 rgb(175,11,16)
```
#c10c11
```
#c10c11 rgb(193,12,17)
```
#d40d13
```
#d40d13 rgb(212,13,19)
```
#e60f15
```
#e60f15 rgb(230,15,21)
```

Shade Color Variation

#f0181e
```
#f0181e rgb(240,24,30)
```
#f12b30
```
#f12b30 rgb(241,43,48)
```
#f33d42
```
#f33d42 rgb(243,61,66)
```
#f45054
```
#f45054 rgb(244,80,84)
```
#f56266
```
#f56266 rgb(245,98,102)
```
#f67478
```
#f67478 rgb(246,116,120)
```
#f7878a
```
#f7878a rgb(247,135,138)
```
#f9999c
```
#f9999c rgb(249,153,156)
```
#faacae
```
#faacae rgb(250,172,174)
```
#fbbec0
```
#fbbec0 rgb(251,190,192)
```
#fcd1d2
```
#fcd1d2 rgb(252,209,210)
```
#fde3e4
```
#fde3e4 rgb(253,227,228)
```
#fef6f6
```
#fef6f6 rgb(254,246,246)
```

Tint Color Variation

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

#aea9a9
```
#aea9a9 rgb(174,169,169)
```
#b5a2a3
```
#b5a2a3 rgb(181,162,163)
```
#bb9c9d
```
#bb9c9d rgb(187,156,157)
```
#c29597
```
#c29597 rgb(194,149,151)
```
#c88f91
```
#c88f91 rgb(200,143,145)
```
#ce898a
```
#ce898a rgb(206,137,138)
```
#d58284
```
#d58284 rgb(213,130,132)
```
#db7c7e
```
#db7c7e rgb(219,124,126)
```
#e27578
```
#e27578 rgb(226,117,120)
```
#e86f72
```
#e86f72 rgb(232,111,114)
```
#ef686c
```
#ef686c rgb(239,104,108)
```
#f56266
```
#f56266 rgb(245,98,102)
```
#fb5c60
```
#fb5c60 rgb(251,92,96)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#a38586 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a09880 Protanopia 1% of men
#b69264 Deuteranopia 1% of men
#f56970 Tritanopia 0.001% of the population

Trichromacy

#bf8476 Protanomaly 1% of men, 0.01% of women
#cd8065 Deuteranomaly 6% of men, 0.4% of women
#f5666c Tritanomaly 0.01% of the population

#f56266 hex color

#f56266 Color Information

#f56266 Color Conversion

Color Schemes with #f56266

Alternatives to #f56266

#f56266 Preview

Shades and Tints of #f56266

Tones of #f56266

Color Blindness Simulator