#f14556 hex color

In a RGB color space, hex #f14556 is composed of 94.5% red, 27.1% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71.4% magenta, 64.3% yellow and 5.5% black. It has a hue angle of 354.1 degrees, a saturation of 86% and a lightness of 60.8%. #f14556 color hex could be obtained by blending #ff8aac with #e30000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 95
- G 27
- B 34
RGB color chart
- C 0
- M 71
- Y 64
- K 5
CMYK color chart

● #f14556 color description : Bright red.

The hexadecimal color #f14556 has RGB values of R:241, G:69, B:86 and CMYK values of C:0, M:0.71, Y:0.64, K:0.05. Its decimal value is 15811926.

Hex triplet	f14556	`#f14556`
RGB Decimal	241, 69, 86	`rgb(241,69,86)`
RGB Percent	94.5, 27.1, 33.7	`rgb(94.5%,27.1%,33.7%)`
CMYK	0, 71, 64, 5
HSL	354.1°, 86, 60.8	`hsl(354.1,86%,60.8%)`
HSV (or HSB)	354.1°, 71.4, 94.5
Web Safe	ff3366	`#ff3366`

CIE-LAB	55.719, 65.827, 29.792
XYZ	40.085, 23.633, 11.255
xyY	0.535, 0.315, 23.633
CIE-LCH	55.719, 72.255, 24.351
CIE-LUV	55.719, 127.833, 20.442
Hunter-Lab	48.614, 62.108, 20.304
Binary	11110001, 01000101, 01010110

#f14556
```
#f14556 rgb(241,69,86)
```
#45f1e0
```
#45f1e0 rgb(69,241,224)
```

Complementary Color

#f145ac
```
#f145ac rgb(241,69,172)
```
#f14556
```
#f14556 rgb(241,69,86)
```
#f18a45
```
#f18a45 rgb(241,138,69)
```

Analogous Color

#45acf1
```
#45acf1 rgb(69,172,241)
```
#f14556
```
#f14556 rgb(241,69,86)
```
#45f18a
```
#45f18a rgb(69,241,138)
```

Split Complementary Color

#4556f1
```
#4556f1 rgb(69,86,241)
```
#f14556
```
#f14556 rgb(241,69,86)
```
#56f145
```
#56f145 rgb(86,241,69)
```

Triadic Color

#e045f1
```
#e045f1 rgb(224,69,241)
```
#f14556
```
#f14556 rgb(241,69,86)
```
#56f145
```
#56f145 rgb(86,241,69)
```
#45f1e0
```
#45f1e0 rgb(69,241,224)
```

Tetradic Color

#d91024
```
#d91024 rgb(217,16,36)
```
#ed162b
```
#ed162b rgb(237,22,43)
```
#ef2d40
```
#ef2d40 rgb(239,45,64)
```
#f14556
```
#f14556 rgb(241,69,86)
```
#f35d6c
```
#f35d6c rgb(243,93,108)
```
#f57481
```
#f57481 rgb(245,116,129)
```
#f68c97
```
#f68c97 rgb(246,140,151)
```

Monochromatic Color

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

#f14581
```
#f14581 rgb(241,69,129)
```
#f14573
```
#f14573 rgb(241,69,115)
```
#f14564
```
#f14564 rgb(241,69,100)
```
#f14556
```
#f14556 rgb(241,69,86)
```
#f14548
```
#f14548 rgb(241,69,72)
```
#f15145
```
#f15145 rgb(241,81,69)
```
#f15f45
```
#f15f45 rgb(241,95,69)
```

Similar Colors

Text with hexadecimal color #f14556

This text has a font color of #f14556.

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

#f14556 background color

This paragraph has a background color of #f14556.

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

#f14556 border color

This element has a border color of #f14556.

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

CSS codes

.text {color:#f14556;}

.background {background-color:#f14556;}

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

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

#0f0102
```
#0f0102 rgb(15,1,2)
```
#210205
```
#210205 rgb(33,2,5)
```
#330409
```
#330409 rgb(51,4,9)
```
#45050c
```
#45050c rgb(69,5,12)
```
#58070f
```
#58070f rgb(88,7,15)
```
#6a0812
```
#6a0812 rgb(106,8,18)
```
#7c0915
```
#7c0915 rgb(124,9,21)
```
#8e0b18
```
#8e0b18 rgb(142,11,24)
```
#a10c1b
```
#a10c1b rgb(161,12,27)
```
#b30d1e
```
#b30d1e rgb(179,13,30)
```
#c50f21
```
#c50f21 rgb(197,15,33)
```
#d71024
```
#d71024 rgb(215,16,36)
```
#ea1227
```
#ea1227 rgb(234,18,39)
```

Shade Color Variation

#ee2135
```
#ee2135 rgb(238,33,53)
```
#f03345
```
#f03345 rgb(240,51,69)
```
#f14556
```
#f14556 rgb(241,69,86)
```
#f25767
```
#f25767 rgb(242,87,103)
```
#f46977
```
#f46977 rgb(244,105,119)
```
#f57c88
```
#f57c88 rgb(245,124,136)
```
#f68e98
```
#f68e98 rgb(246,142,152)
```
#f8a0a9
```
#f8a0a9 rgb(248,160,169)
```
#f9b2b9
```
#f9b2b9 rgb(249,178,185)
```
#fbc5ca
```
#fbc5ca rgb(251,197,202)
```
#fcd7db
```
#fcd7db rgb(252,215,219)
```
#fde9eb
```
#fde9eb rgb(253,233,235)
```
#fffbfc
```
#fffbfc rgb(255,251,252)
```

Tint Color Variation

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

#9c9a9a
```
#9c9a9a rgb(156,154,154)
```
#a49294
```
#a49294 rgb(164,146,148)
```
#ac8a8e
```
#ac8a8e rgb(172,138,142)
```
#b38387
```
#b38387 rgb(179,131,135)
```
#bb7b81
```
#bb7b81 rgb(187,123,129)
```
#c3737b
```
#c3737b rgb(195,115,123)
```
#cb6b75
```
#cb6b75 rgb(203,107,117)
```
#d2646f
```
#d2646f rgb(210,100,111)
```
#da5c69
```
#da5c69 rgb(218,92,105)
```
#e25462
```
#e25462 rgb(226,84,98)
```
#e94d5c
```
#e94d5c rgb(233,77,92)
```
#f14556
```
#f14556 rgb(241,69,86)
```
#f93d50
```
#f93d50 rgb(249,61,80)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#926f73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#938b75 Protanopia 1% of men
#a88553 Deuteranopia 1% of men
#f15054 Tritanopia 0.001% of the population

Trichromacy

#b57169 Protanomaly 1% of men, 0.01% of women
#c36e54 Deuteranomaly 6% of men, 0.4% of women
#f14c54 Tritanomaly 0.01% of the population

#f14556 hex color

#f14556 Color Information

#f14556 Color Conversion

Color Schemes with #f14556

Alternatives to #f14556

#f14556 Preview

Shades and Tints of #f14556

Tones of #f14556

Color Blindness Simulator