#f14a54 hex color

In a RGB color space, hex #f14a54 is composed of 94.5% red, 29% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 69.3% magenta, 65.1% yellow and 5.5% black. It has a hue angle of 356.4 degrees, a saturation of 85.6% and a lightness of 61.8%. #f14a54 color hex could be obtained by blending #ff94a8 with #e30000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 95
- G 29
- B 33
RGB color chart
- C 0
- M 69
- Y 65
- K 5
CMYK color chart

● #f14a54 color description : Soft red.

The hexadecimal color #f14a54 has RGB values of R:241, G:74, B:84 and CMYK values of C:0, M:0.69, Y:0.65, K:0.05. Its decimal value is 15813204.

Hex triplet	f14a54	`#f14a54`
RGB Decimal	241, 74, 84	`rgb(241,74,84)`
RGB Percent	94.5, 29, 32.9	`rgb(94.5%,29%,32.9%)`
CMYK	0, 69, 65, 5
HSL	356.4°, 85.6, 61.8	`hsl(356.4,85.6%,61.8%)`
HSV (or HSB)	356.4°, 69.3, 94.5
Web Safe	ff3366	`#ff3366`

CIE-LAB	56.33, 63.942, 31.72
XYZ	40.326, 24.243, 10.943
xyY	0.534, 0.321, 24.243
CIE-LCH	56.33, 71.378, 26.385
CIE-LUV	56.33, 125.551, 22.83
Hunter-Lab	49.237, 60.031, 21.289
Binary	11110001, 01001010, 01010100

#f14a54
```
#f14a54 rgb(241,74,84)
```
#4af1e7
```
#4af1e7 rgb(74,241,231)
```

Complementary Color

#f14aa8
```
#f14aa8 rgb(241,74,168)
```
#f14a54
```
#f14a54 rgb(241,74,84)
```
#f1944a
```
#f1944a rgb(241,148,74)
```

Analogous Color

#4aa8f1
```
#4aa8f1 rgb(74,168,241)
```
#f14a54
```
#f14a54 rgb(241,74,84)
```
#4af194
```
#4af194 rgb(74,241,148)
```

Split Complementary Color

#4a54f1
```
#4a54f1 rgb(74,84,241)
```
#f14a54
```
#f14a54 rgb(241,74,84)
```
#54f14a
```
#54f14a rgb(84,241,74)
```

Triadic Color

#e74af1
```
#e74af1 rgb(231,74,241)
```
#f14a54
```
#f14a54 rgb(241,74,84)
```
#54f14a
```
#54f14a rgb(84,241,74)
```
#4af1e7
```
#4af1e7 rgb(74,241,231)
```

Tetradic Color

#dd111d
```
#dd111d rgb(221,17,29)
```
#ed1b27
```
#ed1b27 rgb(237,27,39)
```
#ef323e
```
#ef323e rgb(239,50,62)
```
#f14a54
```
#f14a54 rgb(241,74,84)
```
#f3626a
```
#f3626a rgb(243,98,106)
```
#f57981
```
#f57981 rgb(245,121,129)
```
#f69197
```
#f69197 rgb(246,145,151)
```

Monochromatic Color

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

#f14a7e
```
#f14a7e rgb(241,74,126)
```
#f14a70
```
#f14a70 rgb(241,74,112)
```
#f14a62
```
#f14a62 rgb(241,74,98)
```
#f14a54
```
#f14a54 rgb(241,74,84)
```
#f14e4a
```
#f14e4a rgb(241,78,74)
```
#f15c4a
```
#f15c4a rgb(241,92,74)
```
#f16a4a
```
#f16a4a rgb(241,106,74)
```

Similar Colors

Text with hexadecimal color #f14a54

This text has a font color of #f14a54.

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

#f14a54 background color

This paragraph has a background color of #f14a54.

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

#f14a54 border color

This element has a border color of #f14a54.

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

CSS codes

.text {color:#f14a54;}

.background {background-color:#f14a54;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#130103
```
#130103 rgb(19,1,3)
```
#250305
```
#250305 rgb(37,3,5)
```
#380407
```
#380407 rgb(56,4,7)
```
#4a060a
```
#4a060a rgb(74,6,10)
```
#5c070c
```
#5c070c rgb(92,7,12)
```
#6e090f
```
#6e090f rgb(110,9,15)
```
#810a11
```
#810a11 rgb(129,10,17)
```
#930b13
```
#930b13 rgb(147,11,19)
```
#a50d16
```
#a50d16 rgb(165,13,22)
```
#b70e18
```
#b70e18 rgb(183,14,24)
```
#c9101b
```
#c9101b rgb(201,16,27)
```
#dc111d
```
#dc111d rgb(220,17,29)
```

Shade Color Variation

#ed1320
```
#ed1320 rgb(237,19,32)
```
#ee2632
```
#ee2632 rgb(238,38,50)
```
#f03843
```
#f03843 rgb(240,56,67)
```
#f14a54
```
#f14a54 rgb(241,74,84)
```
#f25c65
```
#f25c65 rgb(242,92,101)
```
#f46e76
```
#f46e76 rgb(244,110,118)
```
#f58188
```
#f58188 rgb(245,129,136)
```
#f79399
```
#f79399 rgb(247,147,153)
```
#f8a5aa
```
#f8a5aa rgb(248,165,170)
```
#f9b7bb
```
#f9b7bb rgb(249,183,187)
```
#fbc9cc
```
#fbc9cc rgb(251,201,204)
```
#fcdcde
```
#fcdcde rgb(252,220,222)
```
#feeeef
```
#feeeef rgb(254,238,239)
```

Tint Color Variation

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

#9f9d9d
```
#9f9d9d rgb(159,157,157)
```
#a69596
```
#a69596 rgb(166,149,150)
```
#ae8e8f
```
#ae8e8f rgb(174,142,143)
```
#b58689
```
#b58689 rgb(181,134,137)
```
#bd7f82
```
#bd7f82 rgb(189,127,130)
```
#c4777c
```
#c4777c rgb(196,119,124)
```
#cc7075
```
#cc7075 rgb(204,112,117)
```
#d3686e
```
#d3686e rgb(211,104,110)
```
#db6168
```
#db6168 rgb(219,97,104)
```
#e25961
```
#e25961 rgb(226,89,97)
```
#ea525b
```
#ea525b rgb(234,82,91)
```
#f14a54
```
#f14a54 rgb(241,74,84)
```
#f9434d
```
#f9434d rgb(249,67,77)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#947375 Atypical Achromatopsia 0.001% of the population

Dichromacy

#958d71 Protanopia 1% of men
#ab8752 Deuteranopia 1% of men
#f15458 Tritanopia 0.001% of the population

Trichromacy

#b77466 Protanomaly 1% of men, 0.01% of women
#c47052 Deuteranomaly 6% of men, 0.4% of women
#f15056 Tritanomaly 0.01% of the population

#f14a54 hex color

#f14a54 Color Information

#f14a54 Color Conversion

Color Schemes with #f14a54

Alternatives to #f14a54

#f14a54 Preview

Shades and Tints of #f14a54

Tones of #f14a54

Color Blindness Simulator