#f14c59 hex color

In a RGB color space, hex #f14c59 is composed of 94.5% red, 29.8% green and 34.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.5% magenta, 63.1% yellow and 5.5% black. It has a hue angle of 355.3 degrees, a saturation of 85.5% and a lightness of 62.2%. #f14c59 color hex could be obtained by blending #ff98b2 with #e30000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 95
- G 30
- B 35
RGB color chart
- C 0
- M 68
- Y 63
- K 5
CMYK color chart

● #f14c59 color description : Soft red.

The hexadecimal color #f14c59 has RGB values of R:241, G:76, B:89 and CMYK values of C:0, M:0.68, Y:0.63, K:0.05. Its decimal value is 15813721.

Hex triplet	f14c59	`#f14c59`
RGB Decimal	241, 76, 89	`rgb(241,76,89)`
RGB Percent	94.5, 29.8, 34.9	`rgb(94.5%,29.8%,34.9%)`
CMYK	0, 68, 63, 5
HSL	355.3°, 85.5, 62.2	`hsl(355.3,85.5%,62.2%)`
HSV (or HSB)	355.3°, 68.5, 94.5
Web Safe	ff3366	`#ff3366`

CIE-LAB	56.679, 63.487, 29.268
XYZ	40.665, 24.595, 12.057
xyY	0.526, 0.318, 24.595
CIE-LCH	56.679, 69.909, 24.75
CIE-LUV	56.679, 123.093, 20.811
Hunter-Lab	49.594, 59.574, 20.302
Binary	11110001, 01001100, 01011001

#f14c59
```
#f14c59 rgb(241,76,89)
```
#4cf1e4
```
#4cf1e4 rgb(76,241,228)
```

Complementary Color

#f14cac
```
#f14cac rgb(241,76,172)
```
#f14c59
```
#f14c59 rgb(241,76,89)
```
#f1924c
```
#f1924c rgb(241,146,76)
```

Analogous Color

#4cacf1
```
#4cacf1 rgb(76,172,241)
```
#f14c59
```
#f14c59 rgb(241,76,89)
```
#4cf192
```
#4cf192 rgb(76,241,146)
```

Split Complementary Color

#4c59f1
```
#4c59f1 rgb(76,89,241)
```
#f14c59
```
#f14c59 rgb(241,76,89)
```
#59f14c
```
#59f14c rgb(89,241,76)
```

Triadic Color

#e44cf1
```
#e44cf1 rgb(228,76,241)
```
#f14c59
```
#f14c59 rgb(241,76,89)
```
#59f14c
```
#59f14c rgb(89,241,76)
```
#4cf1e4
```
#4cf1e4 rgb(76,241,228)
```

Tetradic Color

#df1122
```
#df1122 rgb(223,17,34)
```
#ed1d2d
```
#ed1d2d rgb(237,29,45)
```
#ef3443
```
#ef3443 rgb(239,52,67)
```
#f14c59
```
#f14c59 rgb(241,76,89)
```
#f3646f
```
#f3646f rgb(243,100,111)
```
#f57b85
```
#f57b85 rgb(245,123,133)
```
#f7939b
```
#f7939b rgb(247,147,155)
```

Monochromatic Color

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

#f14c82
```
#f14c82 rgb(241,76,130)
```
#f14c75
```
#f14c75 rgb(241,76,117)
```
#f14c67
```
#f14c67 rgb(241,76,103)
```
#f14c59
```
#f14c59 rgb(241,76,89)
```
#f14d4c
```
#f14d4c rgb(241,77,76)
```
#f15b4c
```
#f15b4c rgb(241,91,76)
```
#f1684c
```
#f1684c rgb(241,104,76)
```

Similar Colors

Text with hexadecimal color #f14c59

This text has a font color of #f14c59.

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

#f14c59 background color

This paragraph has a background color of #f14c59.

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

#f14c59 border color

This element has a border color of #f14c59.

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

CSS codes

.text {color:#f14c59;}

.background {background-color:#f14c59;}

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

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

#030000
```
#030000 rgb(3,0,0)
```
#150203
```
#150203 rgb(21,2,3)
```
#270306
```
#270306 rgb(39,3,6)
```
#3a0409
```
#3a0409 rgb(58,4,9)
```
#4c060b
```
#4c060b rgb(76,6,11)
```
#5e070e
```
#5e070e rgb(94,7,14)
```
#700911
```
#700911 rgb(112,9,17)
```
#820a14
```
#820a14 rgb(130,10,20)
```
#940c16
```
#940c16 rgb(148,12,22)
```
#a70d19
```
#a70d19 rgb(167,13,25)
```
#b90e1c
```
#b90e1c rgb(185,14,28)
```
#cb101f
```
#cb101f rgb(203,16,31)
```
#dd1121
```
#dd1121 rgb(221,17,33)
```

Shade Color Variation

#ed1526
```
#ed1526 rgb(237,21,38)
```
#ee2837
```
#ee2837 rgb(238,40,55)
```
#f03a48
```
#f03a48 rgb(240,58,72)
```
#f14c59
```
#f14c59 rgb(241,76,89)
```
#f25e6a
```
#f25e6a rgb(242,94,106)
```
#f4707b
```
#f4707b rgb(244,112,123)
```
#f5838c
```
#f5838c rgb(245,131,140)
```
#f7959c
```
#f7959c rgb(247,149,156)
```
#f8a7ad
```
#f8a7ad rgb(248,167,173)
```
#fab9be
```
#fab9be rgb(250,185,190)
```
#fbcbcf
```
#fbcbcf rgb(251,203,207)
```
#fcdee0
```
#fcdee0 rgb(252,222,224)
```
#fef0f1
```
#fef0f1 rgb(254,240,241)
```

Tint Color Variation

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

#9f9e9e
```
#9f9e9e rgb(159,158,158)
```
#a79698
```
#a79698 rgb(167,150,152)
```
#ae8f91
```
#ae8f91 rgb(174,143,145)
```
#b6878b
```
#b6878b rgb(182,135,139)
```
#bd8085
```
#bd8085 rgb(189,128,133)
```
#c4797f
```
#c4797f rgb(196,121,127)
```
#cc7178
```
#cc7178 rgb(204,113,120)
```
#d36a72
```
#d36a72 rgb(211,106,114)
```
#db626c
```
#db626c rgb(219,98,108)
```
#e25b66
```
#e25b66 rgb(226,91,102)
```
#ea535f
```
#ea535f rgb(234,83,95)
```
#f14c59
```
#f14c59 rgb(241,76,89)
```
#f84553
```
#f84553 rgb(248,69,83)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#967577 Atypical Achromatopsia 0.001% of the population

Dichromacy

#958d76 Protanopia 1% of men
#ab8857 Deuteranopia 1% of men
#f1565a Tritanopia 0.001% of the population

Trichromacy

#b7756c Protanomaly 1% of men, 0.01% of women
#c47257 Deuteranomaly 6% of men, 0.4% of women
#f1525a Tritanomaly 0.01% of the population

#f14c59 hex color

#f14c59 Color Information

#f14c59 Color Conversion

Color Schemes with #f14c59

Alternatives to #f14c59

#f14c59 Preview

Shades and Tints of #f14c59

Tones of #f14c59

Color Blindness Simulator