#f14858 Color Information
In a RGB color space, hex #f14858 is composed of 94.5% red, 28.2% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 70.1% magenta, 63.5% yellow and 5.5% black. It has a hue angle of 354.3 degrees, a saturation of 85.8% and a lightness of 61.4%. #f14858 color hex could be obtained by blending #ff90b0 with #e30000. Closest websafe color is: #ff3366.
-
- R 95
- G 28
- B 35
-
- C 0
- M 70
- Y 63
- K 5
● #f14858 color description : Bright red.
#f14858 Color Conversion
The hexadecimal color #f14858 has RGB values of R:241, G:72, B:88 and CMYK values of C:0, M:0.7, Y:0.63, K:0.05. Its decimal value is 15812696.
| Hex triplet | f14858 | #f14858 |
|---|---|---|
| RGB Decimal | 241, 72, 88 | rgb(241,72,88) |
| RGB Percent | 94.5, 28.2, 34.5 | rgb(94.5%,28.2%,34.5%) |
| CMYK | 0, 70, 63, 5 | |
| HSL | 354.3°, 85.8, 61.4 | hsl(354.3,85.8%,61.4%) |
| HSV (or HSB) | 354.3°, 70.1, 94.5 | |
| Web Safe | ff3366 | #ff3366 |
| CIE-LAB | 56.132, 64.887, 29.153 |
|---|---|
| XYZ | 40.356, 24.045, 11.748 |
| xyY | 0.53, 0.316, 24.045 |
| CIE-LCH | 56.132, 71.135, 24.194 |
| CIE-LUV | 56.132, 125.637, 20.207 |
| Hunter-Lab | 49.035, 61.094, 20.12 |
| Binary | 11110001, 01001000, 01011000 |
Color Schemes with #f14858
Alternatives to #f14858
Below, you can see some colors close to #f14858. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f14858 Preview
This text has a font color of #f14858.
<span style="color:#f14858;">Text here</span>
This paragraph has a background color of #f14858.
<p style="background-color:#f14858;">Content here</p>
This element has a border color of #f14858.
<div style="border:1px solid #f14858;">Content here</div>
.text {color:#f14858;}
.background {background-color:#f14858;}
.border {border:1px solid #f14858;}
Shades and Tints of #f14858
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, #110103 is the darkest color, while #fffefe is the lightest one.
-
#110103
#110103rgb(17,1,3) -
#240306
#240306rgb(36,3,6) -
#360409
#360409rgb(54,4,9) -
#48060c
#48060crgb(72,6,12) -
#5a070f
#5a070frgb(90,7,15) -
#6d0812
#6d0812rgb(109,8,18) -
#7f0a15
#7f0a15rgb(127,10,21) -
#910b18
#910b18rgb(145,11,24) -
#a30c1b
#a30c1brgb(163,12,27) -
#b50e1e
#b50e1ergb(181,14,30) -
#c80f21
#c80f21rgb(200,15,33) -
#da1124
#da1124rgb(218,17,36) -
#ec1227
#ec1227rgb(236,18,39)
-
#ee2437
#ee2437rgb(238,36,55) -
#f03647
#f03647rgb(240,54,71) -
#f14858
#f14858rgb(241,72,88) -
#f25a69
#f25a69rgb(242,90,105) -
#f46c79
#f46c79rgb(244,108,121) -
#f57f8a
#f57f8argb(245,127,138) -
#f7919b
#f7919brgb(247,145,155) -
#f8a3ab
#f8a3abrgb(248,163,171) -
#f9b5bc
#f9b5bcrgb(249,181,188) -
#fbc8cc
#fbc8ccrgb(251,200,204) -
#fcdadd
#fcdaddrgb(252,218,221) -
#feecee
#feeceergb(254,236,238) -
#fffefe
#fffefergb(255,254,254)
Tones of #f14858
A tone is produced by adding gray to any pure hue. In this case, #9e9b9c is the less saturated color, while #f94052 is the most saturated one.
-
#9e9b9c
#9e9b9crgb(158,155,156) -
#a59495
#a59495rgb(165,148,149) -
#ad8c8f
#ad8c8frgb(173,140,143) -
#b48589
#b48589rgb(180,133,137) -
#bc7d83
#bc7d83rgb(188,125,131) -
#c4757d
#c4757drgb(196,117,125) -
#cb6e77
#cb6e77rgb(203,110,119) -
#d36671
#d36671rgb(211,102,113) -
#da5f6a
#da5f6argb(218,95,106) -
#e25764
#e25764rgb(226,87,100) -
#e9505e
#e9505ergb(233,80,94) -
#f14858
#f14858rgb(241,72,88) -
#f94052
#f94052rgb(249,64,82)
Color Blindness Simulator
Below, you can see how #f14858 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.
